前端笔记2

https://192.168.10.55/sanxindb

1----表单组件加载
// 表单组件加载
$bill1003SearchForm.formLoader();

2----选取行
//datagrid行添加数据
$(’#XTGLDX1001BJMX’).datagrid(‘loadData’, data.result);

//获取选取行的数据
var rowdata = $orderSearchList.datagrid('getSelected');

3—表单验证-erp-销售管理-条码号段管理-查询条码号段-新建

4—渲染表格数据-erp-销售管理-条码号段管理-查询条码号段-修改
var _this = this, $tmhdEditForm = $(’#tmhdEditForm’),
resultObj = editBarcode.win.getOptions().params;
//渲染数据
$utils.loadFormData($tmhdEditForm, resultObj);

5—获取数据渲染表单-erp-store-1035-1035form.html

6—隐藏值和显示名称

核算市场：

7—日期限制

合同生效日期：

合同失效日期：

8—formloader
$form.formLoader(‘dataLoaded’,function(data){
var val = ‘100035.101’;
if(data && data.ZKLX){
val = data.ZKLX
}
_this.methods.setVal(val);
});

9—//点击删除所选行
$(’#btnDelete_CKDZ’).unbind(‘click’).click(function(){
var selRows = $formList.datagrid(‘getChecked’);
if(selRows.length == 0){
$.messager.show({title:‘提示’, msg:‘请选择要删除的行!’});
}else{
for(var i = selRows.length - 1; i >= 0; i–){
var rowIndex = $formList.datagrid(‘getRowIndex’, selRows[i]);
$formList.datagrid(‘deleteRow’, rowIndex);
}
}
});

10— 获取数据

var userDTO = $.ecp.baseConfig.getLogonInfo();
var args = win.getOptions().params;
var opt = thisWindow.component.getOptions();

11— 表单验证Validform
erp-sales-bills-1013.js

12— datagride更新行 erp-store-1031-1031form.js
onSave: function(index, row) {
var rows = $formList.datagrid(‘getRows’);//获取当前页的数据行
var slTotal = 0, zjTotal = 0, zjNum = 0;
for (var i = 0; i < rows.length; i++) {
if(rows[i][‘rksl’]) {

    		zjNum += parseInt(rows[i]['rksl'])*parseInt(rows[i]['dj']);
			slTotal += parseInt(rows[i]['rksl']);
			
			if(rows[i]['dj']) {
				$formList.datagrid('updateRow',{
    				index: i,
    				row: {
    					zj: parseFloat(rows[i]['rksl'])*parseInt(rows[i]['dj'])
    				}
    			});
				
				zjTotal += parseInt(rows[i]['zj']);
			}
    	}
    }
    
    // 金额合计
	$('#'+MODULE+'RK_zjTotal').html(zjTotal);
	
	// 数量合计
	$('#'+MODULE+'RK_slTotal').html(slTotal);
	
	// 品种合计
	$('#'+MODULE+'RK_pzTotal').html(rows.length);
}

13—erp管理对象传显示的数据

制单人：

14------获取地址栏带的参数
params = $.ecp.utils.getArguments(window.location.href);

15--------日期选择插件
 - 

16---------文件下载 1013form
文件下载

	注： 1.filePath为需要下载文件的路径 ; 2.fileName为下载文件的名字

17----------表单相关
表单数据填充
表单序列化

	// 点击填充数据
	$('#loadForm').click(function() {
		$utils.loadFormData($('#perInfoForm'), {userName: 'jingjing', company: 'FED', detail: 'Website'})
	});
	
	// 表单序列化
	$('#seriForm').click(function() {
		alert($.toJSON($utils.serializeObject($('#perInfoForm'))));
	});



	
			// 查询仓库编号是否存在
			getStoreNumber: function() {

// var ckbh = $(“input[name=‘CKBH_VAL’]”).val();
// $.ecp.remoteService.ajax4Bean({
// beanId: “com.sanxin.erp.store.service.IStorageService.getStorageCodeIsExist(RequestParameterMap)”,
// data: {
// ckbh: ckbh
// },
// success: function(resdata, textStatus, jqXHRult) {
// if (resdata && resdata.status == 1) {
// var result = resdata.result;
// if(result == true){
// $.messager.show({title:‘提示’, msg:‘仓库编号已存在!’});
// return false;
// }else{
//
// }
// }
// }
// });
}

18-----------点击事件其他写法

$(".form_btn02").on(‘click’,’#addTaskBtn’,function() {
new UIFrame("/promanage/html/myTask/newBuiltTask.html", $("#mainCount"), {
// type: type //传递到frame页面的参数
}).show();

});

19---------下拉框组件
var Select = $(’.jsCommonSelect’).commonSelect({
height: 300,
search: true, // 是否支持检索，默认不支持
placeholder: ‘请选择’, // 默认显示文字
data: {
groupData: result, // 列表数据，数组格式
valueField: ‘gid’, // value字段名
textField: ‘userName’, // text字段名
extenalField: ‘userName,gid’ // 其他需要的字段名，可不传
},
done: function(data) { // 选中回调
console.log(data);
}
});

20--------获取当前年月

					curMonth = $utils.dateFormat(new Date(), 'yyyy-MM');
					var nowDate = $utils.dateFormat(new Date(), 'yyyy-MM');

21---------确认框
$.messager.confirm(‘确认’,‘您确认想要删除记录吗？’,function® {
if ® {
$.messager.alert(‘提示’, ‘确认删除’);
}
}, false);

22-----echarts图例设置
// 图例
legend: {
orient: ‘horizontal’, // 布局方式，默认为水平布局，可选为：
// ‘horizontal’ ¦ ‘vertical’
x: ‘center’, // 水平安放位置，默认为全图居中，可选为：
// ‘center’ ¦ ‘left’ ¦ ‘right’
// ¦ {number}（x坐标，单位px）
y: ‘top’, // 垂直安放位置，默认为全图顶端，可选为：
// ‘top’ ¦ ‘bottom’ ¦ ‘center’
// ¦ {number}（y坐标，单位px）
backgroundColor: ‘rgba(0,0,0,0)’,
borderColor: ‘#ccc’, // 图例边框颜色
borderWidth: 0, // 图例边框线宽，单位px，默认为0（无边框）
padding: 5, // 图例内边距，单位px，默认各方向内边距为5，
// 接受数组分别设定上右下左边距，同css
itemGap: 10, // 各个item之间的间隔，单位px，默认为10，
// 横向布局时为水平间隔，纵向布局时为纵向间隔
itemWidth: 20, // 图例图形宽度
itemHeight: 14, // 图例图形高度
textStyle: {
color: ‘#333’ // 图例文字颜色
}
},

23 ---- 录入发货单 -produce-1011
子表表格数据查询
$.ecp.remoteService.ajax4Bean({
beanId: ‘com.sanxin.erp.produce.service.IFaHuoService.queryPXDQDListByPxhzdh(RequestParameterMap)’,
data: {
djbhs: djbhs
},
success: function(resdata, textStatus, jqXHRult) {
if (resdata && resdata.status == 1) {
var resultArr = resdata.result;

			for(var j = 0; j< resultArr.length; j++){
				var d = resultArr[j];
				$('#XTGLDX1011HWMXZB').datagrid('appendRow',d);
			}
			
			_this.getTotalNumForData();
		}
	}

});

扫描 备货入库单 store-1038

24 ----后台不返回分页显示
datatype:‘rlist’,
------记住前一页的勾选
idField : ‘djbh’,

25--------表单验证

$("#recordEdit").Validform({
tiptype:function(msg,o,cssctl){
if(!o.obj.is(“form”)){
if(o.type != “2”){
$.messager.tips({type:‘warning’,msg:msg});
}
}
},
btnSubmit : “#btnSave_Record”,
datatype:{
“personNumber”:function(gets,obj,curform,regxp){
var flag = true,
gh = $.trim(gets),re=/sx[0-9]6$/;

		if(type == 'add'){
			//正则验证
			if(!re.test(gh)){
				flag = false;
				$("#DXBM_VAL").attr("errormsg","sx小写+6位数流水号");
			}else {
				//工号是否存在
				flag = _this.methods.checkGhRepeat(gh);
			}
		}
		return flag;
	}
},
beforeSubmit : function(curform) {
	 //获取表单提交参数
	 var dataObj = $form.formLoader('getData');
	 //登录人
	 dataObj.dlr = BillForm.userDto.zydx || '';
     //编辑或者新增
	 _this.methods.editOrAddRecord(dataObj);
	 return false;
}

});

26---------翻页序号
, formatter: function(value, rows, index) {
var options = $(’#LSTC_table’).datagrid(‘getPager’).data(‘pagination’).options;
var currentPage = options.pageNumber;//当前页数
var pageSize = options.pageSize; //分页条数
return (currentPage-1)*pageSize + index + 1;
}

27-------针对提交时判断单据是否修改，可能出现的问题及解决方案：

问题：单据通过公用的详情接口渲染完页面之后，你又单独调用了接口处理定制化的显示，页面上单据的数据发生了改变，所以在提交时会一直提示表单进行了修改，但实际上我们并没有修改页面上的数据，这不是我们想要的效果

解决方案：我在公用的form.js里面把在提交时与当前数据要对比的原始数据对象billOriginData注册到了$.ecp.BillCommonForm上面，遇到这种情况的时候，你要在你的接口成功回调里面进行赋值处理，把最终的数据设置到billOriginData上，注意要保证你的数据已经渲染到了页面上了
$.ecp.BillCommonForm.billOriginData = $(’#1052’).formLoader(‘getData’);

28------获取地址栏参数
urlParams = $.ecp.utils.getArguments(decodeURI(window.location.href));

29-----视屏播放
work1—> gxwgy-js-portals-videoPlay-videoPlay.js

30-----图片预览
work2—> whxz-js-libmanage-activityManage-libPictureShow.js

31-----懒加载
公共插件库 dropload

32-----微信和QQ
work2—> gxwgy-js-index.js

33-----破图默认图片

οnerrοr=“this.src=’/img/nodata/no_yuntianzhihui.png’”

$(‘img’).error(function(){
$(this).attr(‘src’, “/img/nodata/no_yuntianzhihui.png”);
});

οnerrοr=‘this.src="/img/nodata/no_yuntianzhihui.png"’

οnerrοr=‘this.src="/readerrecommend/images/wap/no_cover3.png"’