这里写自定义目录标题1、页面加载动画转圈2、按钮禁用置灰3、js动态控制展示境内/外4、下拉框变化触发方法5、多选框赋值EFMultiSelect6、时间控件自定义7、动态必填标志*8、必填校验动态group19、获取时间值返回10、失焦校验回显金额差价11、CSS相关12、数据导出13、页面直查弹出列表弹窗14、正则校验金额15、动态小代码1、页面加载动画转圈1禁用页面加载动画转圈 upload:function(e){//alert(上传中);//console.log(file2 upload); //点击上传时的回调IPLAT.progress($(#import_grid),true);},//页面加载动画开启IPLAT.progress($(body),true);//页面加载动画关闭IPLAT.progress($(body),false);2、按钮禁用置灰1、按钮置灰// 获取按钮元素constbuttondocument.getElementById(END_PEPLAN02);// 禁用按钮会自动置灰button.disabledtrue;// 按钮消失document.getElementById(END_PEPLAN02).style.displaynone;3、js动态控制展示境内/外1、字段不可编辑//页面加载完毕$(window).load(function(){//法人单位不可编辑var rowguidIPLAT.getParameterByName(inqu_status-0-rowguid);var flag$(#inqu_status-0-flag).val();if(flagtrue){IPLAT.EFSelect.value($(#inqu_status-0-area),AS);//下拉框赋值IPLAT.EFSelect.readonly($(#detail-0-attributeType),true);//下拉框不可编辑IPLAT.EFPopupInput.enable($(#detail-0-mintPackUnit),false);//组织机构树不可编辑$(#detail-0-applyDate).attr(disabled,disabled);//时间字段不可操作}})2、按钮更换中文//页面右键检查——在中文上copy Slecter——放到$(___).html(sdefwa);$(#wf_grant span).html(提交)3、标题中文动态效果 $(window).load(function(){var isOutInvest$(#inqu_status-0-isOutInvest).val();if(isOutInvest0){$(#ef_form_head div.i-text.pull-left span:nth-child(2)).text(长投并购项目管理-境内)}else{$(#ef_form_head div.i-text.pull-left span:nth-child(2)).text(长投并购项目管理-境外)}})window.onloadfunction(){var isOutInvest$(#inqu_status-0-isOutInvest).val();if(isOutInvest0){$(#ef_form_head div.i-text.pull-left span:nth-child(2)).text(长投并购项目管理-境内)}else{$(#ef_form_head div.i-text.pull-left span:nth-child(2)).text(长投并购项目管理-境外)}}4、下拉框变化触发方法IPLATUI.EFSelect{inqu_status-0-isOutInvest:{// 下拉选项改变之后触发change:function(){getNextCode(01);}}};5、多选框赋值EFMultiSelectlet kbReviewGrade$(#inqu_status-0-kbReviewGrade).data(kendoMultiSelect);kbReviewGrade.value([01,02]);////手动设置下拉输入框数据为加拿大Canada中国ChinakbReviewGrade.trigger(change);// 需要手动触发change事件6、时间控件自定义把日期选择变成年份 IPLATUI.EFDatePicker{inqu_status-0-planYear:{start:century,depth:decade},detail-0-planStartTime:{start:decade,depth:year}};EF:EFInput enamedetail-0-planYearcname年度计划年份colWidth3requiredtruedata-rulesstring,numberdata-errorPrompt请输入四位数的正确年份data-regex/^([1-9][0-9]{0,3})$/placeHolderYYYY/7、动态必填标志*1、css红*显示隐藏div classrowdiv styleflex: 1;/divdiv styledisplay: flex; align-items: center ; margin-right: -3px;;span classhkstyle color:red;margin:0px0px12px2px;left:33px;position:fixed;display:none;*/spanEF:EFInput cname招标主要内容enamedetail-0-inviteMainContenttypetextarearatio1:11colWidth12//div/divdetail-0-bidModel:{// 下拉选项改变之后触发change:function(e){// 获取改变值var bidModel$(#detail-0-bidModel).val();if(bidModel10||bidModel00){$(.hk).show();}else{$(.hk).hide();}// var input document.getElementById(detail-0-inviteMainContent);// var star document.createElement(span);// star.style.color red;// star.innerHTML *;// input.parentNode.insertBefore(star, input);}},2、js判断字段必填必填添加样式不必填时将值清空 $(#inqu_status-0-suppName).parent().prev().html(span classi-input-required*/span供应商名称);styleBankSingle(inDoorLY,进厂门岗,true);//不必填functionstyleBankSingle(val,name,sign){let classType;if(!sign){//必填添加样式classTypespan classi-input-required*/span;$(#detail-0-val).val($(#detail-0-val).val().trim());//不必填时将值清空清空}else{$(#detail-0-val).val();$(#detail-0-val).parent().prev().html(name);}$(#detail-0-val).attr(required,!sign);//设置必填状态$(#detail-0-val_textField).attr(required,!sign);if(openBankCodeval){//开户行代码使用的标志是EFPopupInput 处理方式不同IPLAT.EFPopupInput.readonly($(#detail-0-val),sign);$(#detail-0-val).parent().parent().parent().prev().html(classTypename);}elseif(contractNoval!sign){$(#detail-0-val).parent().prev().html(classTypename);}elseif(projectNoval){$(#detail-0-val).parent().prev().html(classTypename);}elseif(!sign){IPLAT.EFInput.readonly($(#detail-0-val),sign);$(#detail-0-val).parent().prev().html(classTypename);}}8、必填校验动态group11、普通必填校验// 定义必填项校验器,与jsp属性requiredtrue一同使用var validatorIPLAT.Validator({id:detail});// 点击保存按钮后校验if(!validator.validate()){returnfalse;}else{//保存处理}2、动态必填校验 var validator1IPLAT.Validator({id:detail,});if(!validator1.validate(group1,group2)){returnfalse;}//jsp 添加requiredtruevalidateGroupNamegroup1,group29、获取时间值返回// 获取url里的字段var popupIPLAT.getParameterByName(detail-0-popup);rowguideiInfo.getAttr().rowguid;eiInfo.blocks.detail.getMappedRows()[0].actApproveDate// 写在方法里面获取ei里面的值$(#detail-0-submissionReviewTime).data(kendoDatePicker).value(ei.blocks.result.getMappedRows()[0].submissionReviewDate);10、失焦校验回显金额差价$(#detail-0-approvalPrice).on(blur,function(e){// 定义必填项校验器var validator1IPLAT.Validator({id:detail-0-approvalPrice});if(!validator1.validate()){returnfalse;}else{// 计算核增数和核减数var approvalPrice$(#detail-0-approvalPrice).val();var settleAmtWithTax$(#detail-0-settleAmtWithTax).val();var approvalAddPriceapprovalPrice-settleAmtWithTax;var approvalReducePrice-(approvalPrice-settleAmtWithTax);$(#detail-0-approvalAddPrice).val(approvalAddPrice);$(#detail-0-approvalReducePrice).val(approvalReducePrice);}});11、CSS相关format{0:2}//显示两位小数requiredtrue//必选标志-红色星号与校验器一起使用rowOntrue//记录集增加序号序号显示 平台导出没有序号 在SQL里面把序号整出来然后删除页面上rowOntrue把序号当成数据显示出来EF:EFRegion idresulttitle记录集fitHeighttrue/EF:EFRegion去掉fitHeighttrue这个字段使上下两个记录集靠近一些取消满列12、数据导出数据导出1、js里面引入var Exportcom.baosight.erp.ui.exporter.Export;2、jsp里面引入script src${ctx}/erp/common/js/ui/exporter/erp.Export.js/script3、jsp里面EFpage上要添加 prefixerp-prod13、页面直查弹出列表弹窗EF:EFPopupInput enamedetail-0-meetingNocname会议编号serviceNameBPPS0403methodNamequeryresultIdresultpopupTypeServiceGridvalueFieldmeetingNotextFieldmeetingNocleartruecolWidth3readonlytruecolumnEnamesmeetingNo,meetingNamecolumnCnames会议编号,会议决策名称resizabletruepopupTitle会议决策选择popupWidth500filterPopupGridfalse/EF:EFPopupInput//定义投资批次查询的条件IPLATUI.EFPopupInput{detail-0-meetingNo:{query:function(){var mettingGuid$(#detail-0-mettingGuid).val();var projectNo$(#detail-0-projectNo).val();// 将自定义div中的字段构造成查询条件 EiInfovar queryInfoEiInfo.build(#meeting_popup_iframe);queryInfo.set(detail-0-mettingGuid,mettingGuid);queryInfo.set(detail-0-projectNo,projectNo);returnqueryInfo;},//点击确定后数据回显backFill:function(e){$(#detail-0-mettingGuid).val(e.model.rowguid);// 会议Guid$(#detail-0-meetingNo).val(e.model.meetingNo);// 会议编号$(#detail-0-meetingNo_textField).val(e.model.meetingNo);// 会议编号$(#detail-0-meetingName).val(e.model.meetingName);// 会议决策名称// var windowFrame $(#meeting_popup_iframe).data(kendoWindow);// windowFrame.close();}}};14、正则校验金额// 校验器校验的时候提示EF:EFInput typetextenamedetail-0-approvalAddPricecname核增数万元colWidth3readonlytruemaxlength18data-errorPrompt合同含税额万元必须输入数字(最多十六位整数两位小数)data-regex/^(([0-9]{1,16}\.\d{0,2})|([0-9]{1,16}))$//// 直接限制填写、千分符分割EF:EFInput enamedetail-0-planBonusAmountcname预计收到分红金额(万元)colWidth4ratio4:8oninputvaluevalue.replace(/[^\d^\.]/g,).replace(.,$#$).replace(/\./g,).replace($#$,.).replace(/^(\-)*(\d)\.(\d\d).*$/,$1$2.$3)format{0:n2}requiredtrue/EF:EFColumn enamewithTaxAmtcname含税金额(万元)requiredtruewidth150alignrightformat{0:n2}sumTypetotaldata-errorPrompt金额含税 万元必须输入数字(最多12位整数4位小数)data-regex/^(([0-9]{1,12}\\\.\\\d{0,4})|([0-9]{1,12}))$//15、动态小代码EF:EFSelect enameinqu_status-0-contractTypecname合同类别colWidth3valueTemplate#textField#EF:EFOption label value/%--EF:EFCodeOption codeNameppms.bu.contractType/--%%--通过标记区分合同类别小代码--%c:choosec:when test${kyContractType1}EF:EFCodeOption codeNameppms.bk.contractTypeKy//c:whenc:otherwiseEF:EFCodeOption codeNameppms.bu.contractType//c:otherwise/c:choose/EF:EFSelect