easyui在ie8下表单性能优化

发布于 2022-09-05 22:31:50 字数 18549 浏览 25 评论 0

有一个表单页,easyUI在ie8下,渲染接近70个表单输入,里面有十几个下来,几个时间选择框渲染时间在13s左右,这个正常吗?下面是要渲染的代码,里面的table,eval等在ie8下有性能问题吗?谢谢了。真是ie8逼疯人呀

<fieldset><legend>审批信息</legend><table class='form_table' cols='4'><tr><td class='red-star'>审批单标题</td><td><input id='dealTitle' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, validType:['maxLength[35]']" /></span></td><td class='red-star'>审批单号</td><td><input id='dealNo' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, validType:['maxLength[32]'], disabled:true" />&nbsp;<span class='tips'>保存后自动生成</td></tr><tr><td>审批发起人</td><td><input id='sponsor' class="easyui-sltextbox" data-options="required:false, multiline:false, height:22,width:180, value:eval('_userId'), text:eval('_userName'), validType:['maxLength[20]'], disabled:true" />&nbsp;<span class='tips'>当前登录的客户经理</td><td>审批发起机构</td><td><input id='sponInst' class="easyui-sltextbox" data-options="required:false, multiline:false, height:22,width:180, value:eval('_instId'), text:eval('_instName'), validType:['maxLength[20]'], disabled:true" />&nbsp;<span class='tips'>客户经理所属的机构</td></tr><tr><td>审批日期</td><td><input id='aDate' class="easyui-sldatebox" data-options="required:false,panelHeight:200,width:180,editable:false, value:eval('_bizDate'), disabled:true" />&nbsp;<span class='tips'>发起审批单据具体时间</td><td>手机号码</td><td><input id='sponsorPhone' class="easyui-sltextbox" data-options="required:false, multiline:false, height:22,width:180, value:eval('_userCellphone'), validType:['maxLength[11]'], disabled:true" /></span></td></tr></table></fieldset><br/>
-----------------------------------------------<fieldset><legend>业务信息</legend><table class='form_table' cols='4'><tr><td class='red-star'>币种</td><td><input id='ccy' class="easyui-slcombobox" data-options="required:true,width:180, initValue:'CNY', dict:'Currency', attachString:'---请选择---'" /></span></td><td class='red-star'>会计四分类</td><td><input id='invtype' class="easyui-slcombobox" data-options="required:true,width:180, initValue:'3', dict:'AccfiscaSubject', attachString:'---请选择---'" /></span></td></tr><tr><td class='red-star'>本金</td><td><input id='amt' class="easyui-slnumberbox" data-options="required:true,width:180, min:0, max:999999999999, precision:2, groupSeparator:','" /></span></td><td class='red-star'>成交金额</td><td><input id='procAmt' class="easyui-slnumberbox" data-options="required:true,width:180, min:0, max:999999999999, precision:2, groupSeparator:','" /></span></td></tr><tr><td class='red-star'>利率类型</td><td><input id='rateType' class="easyui-slcombobox" data-options="required:true,width:180, initValue:'1', dict:'rateType', attachString:'---请选择---'" /></span></td><td class='red-star'>基准利率代码</td><td><input id='rateCode' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, validType:['maxLength[20]']" /></span></td></tr><tr><td>浮息点差(BP)</td><td><input id='rateDiff' class="easyui-slnumberbox" data-options="required:false,width:180, value:'0', textTimes:10000, min:0, max:100, precision:4, groupSeparator:','" /></span></td><td class='red-star'>利率(%)</td><td><input id='contractRate' class="easyui-slnumberbox" data-options="required:true,width:180, textTimes:100, min:0, max:100, precision:6" /></span></td></tr><tr><td class='red-star'>起息日期</td><td><input id='vDate' class="easyui-sldatebox" data-options="required:true,panelHeight:200,width:180,editable:false, value:eval('_bizDate')" />&nbsp;<span class='tips'>计算利息开始</td><td class='red-star'>划款日期</td><td><input id='tDate' class="easyui-sldatebox" data-options="required:true,panelHeight:200,width:180,editable:false, value:eval('_bizDate')" />&nbsp;<span class='tips'>计算占款开始</td></tr><tr><td class='red-star'>到期日期</td><td><input id='mDate' class="easyui-sldatebox" data-options="required:true,panelHeight:200,width:180,editable:false, value:eval('_bizDate')" />&nbsp;<span class='tips'>计算利息结束</td><td class='red-star'>到账日期</td><td><input id='meDate' class="easyui-sldatebox" data-options="required:true,panelHeight:200,width:180,editable:false, value:eval('_bizDate')" />&nbsp;<span class='tips'>计算占款结束</td></tr><tr><td class='red-star'>计息天数</td><td><input id='term' class="easyui-slnumberbox" data-options="required:true,width:180, value:'0', min:0, max:99999999999, precision:0, disabled:true" />&nbsp;<span class='tips'>自动计算</td><td class='red-star'>占款期限(天)</td><td><input id='occupTerm' class="easyui-slnumberbox" data-options="required:true,width:180, value:'0', min:0, max:999, precision:0, disabled:true" />&nbsp;<span class='tips'>自动计算</td></tr><tr><td class='red-star'>到期利息(元)</td><td><input id='mInt' class="easyui-slnumberbox" data-options="required:true,width:180, min:0, max:999999999999, precision:2, groupSeparator:',', disabled:true" />&nbsp;<span class='tips'>自动计算</td><td class='red-star'>到期金额(元)</td><td><input id='mAmt' class="easyui-slnumberbox" data-options="required:true,width:180, min:0, max:999999999999, precision:2, groupSeparator:',', disabled:true" />&nbsp;<span class='tips'>自动计算</td></tr><tr><td class='red-star'>还本频率</td><td><input id='amtFre' class="easyui-slcombobox" data-options="required:true,width:180, initValue:'0', dict:'CouponFrequently', attachString:'---请选择---'" /></span></td><td class='red-star'>计息基础</td><td><input id='basis' class="easyui-slcombobox" data-options="required:true,width:180, initValue:'Actual/360', dict:'DayCounter', attachString:'---请选择---'" /></span></td></tr><tr><td class='red-star'>收息频率</td><td><input id='intFre' class="easyui-slcombobox" data-options="required:true,width:180, initValue:'0', dict:'CouponFrequently', attachString:'---请选择---'" /></span></td><td>N个工作日后收息</td><td><input id='nDays' class="easyui-slnumberbox" data-options="required:false,width:180, textTimes:1, min:0, max:999, precision:0" /></span></td></tr><tr><td class='red-star'>首次收息日</td><td><input id='sDate' class="easyui-sldatebox" data-options="required:true,panelHeight:200,width:180,editable:false, value:eval('_bizDate')" /></span></td><td class='red-star'>最后收息日</td><td><input id='eDate' class="easyui-sldatebox" data-options="required:true,panelHeight:200,width:180,editable:false, value:eval('_bizDate')" /></span></td></tr><tr><td class='red-star'>收息方式</td><td><input id='intType' class="easyui-slcombobox" data-options="required:true,width:180, initValue:'2', disabled:true, dict:'intType', attachString:'---请选择---'" /></span></td><td class='red-star'>折溢价金额</td><td><input id='disAmt' class="easyui-slnumberbox" data-options="required:true,width:180, min:0, max:999999999999, precision:2, groupSeparator:',', disabled:true" /></span></td></tr><tr><td class='red-star'>先收息金额</td><td><input id='intAmt' class="easyui-slnumberbox" data-options="required:true,width:180, min:0, max:1000000000000000, precision:2, groupSeparator:',', disabled:true" /></span></td><td>先收息天数</td><td><input id='intTerm' class="easyui-slnumberbox" data-options="required:false,width:180, min:0, max:9999, groupSeparator:',', disabled:true" /></span></td></tr><tr><td class='red-star'>先收息截止日期</td><td><input id='intMDate' class="easyui-sldatebox" data-options="required:true,panelHeight:200,width:180,editable:false, disabled:true" /></span></td><td></td><td></td></tr></table></fieldset><br/>
-----------------------------------------------<fieldset><legend>清算路径</legend><table class='form_table' cols='4'><tr><td class='red-star'>本方账号</td><td><input id='selfAccCode' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, value:'40700030039', validType:['maxLength[50]']" /></span></td><td class='red-star'>对手方账号</td><td><input id='partyAccCode' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, validType:['maxLength[50]']" /></span></td></tr><tr><td class='red-star'>本方账户名称</td><td><input id='selfAccName' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, value:'青岛银行', validType:['maxLength[100]']" /></span></td><td class='red-star'>对手方账户名称</td><td><input id='partyAccName' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, validType:['maxLength[100]']" /></span></td></tr><tr><td class='red-star'>本方开户行行号</td><td><input id='selfBankCode' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, value:'313452060150', validType:['maxLength[30]']" /></span></td><td class='red-star'>对手方开户行行号</td><td><input id='partyBankCode' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, validType:['maxLength[30]']" /></span></td></tr><tr><td class='red-star'>本方开户行名称</td><td><input id='selfBankName' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, value:'青岛银行', validType:['maxLength[100]']" /></span></td><td class='red-star'>对手方开户行名称</td><td><input id='partyBankName' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, validType:['maxLength[100]']" /></span></td></tr><tr><td class='red-star'>清算方式</td><td><input id='acctType' class="easyui-slcombobox" data-options="required:true,width:180, initValue:'0', dict:'TransferType', attachString:'---请选择---'" /></span></td></tr><tr><td>缴款信息备注</td><td colspan='3'><input id='settlRemark' class="easyui-sltextbox" data-options="required:false, multiline:true, height:44,width:655.0, validType:['maxLength[200]']" /></span></td></tr></table></fieldset><br/>
-----------------------------------------------<fieldset><legend>业务结构</legend><table class='form_table' cols='4'><tr><td class='red-star'>资产名称</td><td><input id='productName' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, validType:['maxLength[200]']" /></span></td><td class='red-star'>资产编码</td><td><input id='productCode' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, validType:['maxLength[20]']" /></span></td></tr><tr><td class='red-star'>成本中心</td><td><input id='cost' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, validType:['maxLength[20]']" /></span></td><td class='red-star'>投资组合</td><td><input id='port' class="easyui-sltextbox" data-options="required:true, multiline:false, height:22,width:180, validType:['maxLength[20]', 'length[1,20]']" /></span></td></tr><tr><td class='red-star'>投资方式</td><td><input id='invWay' class="easyui-slcombobox" data-options="required:true,width:180, initValue:'1', dict:'invWay', attachString:'---请选择---'" /></span></td><td class='red-star'>资金投向</td><td><input id='fundInvestment' class="easyui-slcombobox" data-options="required:true,width:180, dict:'GBT4754_2011', attachString:'---请选择---'" /></span></td></tr><tr><td class='red-star'>交易类型</td><td><input id='transType' class="easyui-slcombobox" data-options="required:true,width:180, initValue:'1', dict:'transType', attachString:'---请选择---'" /></span></td><td>匹配负债种类</td><td><input id='matchLiabType' class="easyui-slcombobox" data-options="required:false,width:180, dict:'matchLiabType', attachString:'---请选择---'" /></span></td></tr><tr><td>是否行内非标</td><td><input id='isNonStandard' class="easyui-slcombobox" data-options="required:false,width:180, dict:'YesNo', attachString:'---请选择---'" /></span></td><td class='red-star'>收益类型</td><td><input id='incomeType' class="easyui-slcombobox" data-options="required:true,width:180, initValue:'01', dict:'incomeType', attachString:'---请选择---'" /></span></td></tr><tr><td>营销机构</td><td><input id='marketingOrg' class="easyui-slcombotree" data-options="required:false,width:180, data:CommonUtil.serverData.fullInstitutionInfo" /></span></td><td>客户经理</td><td><input id='accountManager' class="easyui-sltextbox" data-options="required:false, multiline:false, height:22,width:180, validType:['maxLength[35]']" /></span></td></tr><tr><td>成本价格</td><td><input id='costPrice' class="easyui-slnumberbox" data-options="required:false,width:180, min:0, max:999999999999, precision:2" /></span></td><td>资料影像</td><td><a id='image' class='easyui-sllinkbutton' data-options="plain:false,iconCls:'icon-search'" data-json="{'attachTreeTemp':null,'componet':null,'defKey':null,'defText':null,'defUrl':null,'defValue':null,'fldName':'image','fldNo':'44','fldType':'0','formCols':1,'formLength':null,'formMax':null,'formMin':null,'formMultiple':null,'formName':'资料影像','formPrecision':null,'formRows':1,'formSplit':null,'formTimes':null,'formTips':null,'formType':'componet','formValid':null,'isDisabled':'0','isMandatory':'0','lastUpdate':null,'useFlag':null,'validParam':null}">资料影像管理</a></span></td></tr><tr><td>补充说明</td><td colspan='3'><input id='remarkNote' class="easyui-sltextbox" data-options="required:false, multiline:true, height:44,width:655.0, validType:['maxLength[200]']" /></span></td></tr></table></fieldset><br/>
-----------------------------------------------<fieldset><legend>基础资产</legend><table class='form_table' cols='4'><tr><td class='red-star'>基础资产</td><td><a id='baseAsset' class='easyui-sllinkbutton' data-options="plain:false,iconCls:'icon-search'" data-json="{'attachTreeTemp':null,'componet':null,'defKey':null,'defText':null,'defUrl':null,'defValue':null,'fldName':'baseAsset','fldNo':'83','fldType':'0','formCols':1,'formLength':null,'formMax':null,'formMin':null,'formMultiple':null,'formName':'基础资产','formPrecision':null,'formRows':1,'formSplit':null,'formTimes':null,'formTips':null,'formType':'componet','formValid':null,'isDisabled':'0','isMandatory':'1','lastUpdate':null,'useFlag':null,'validParam':null}">基础资产管理</a></span></td><td>通道费用</td><td><a id='feesPassAgeWay' class='easyui-sllinkbutton' data-options="plain:false,iconCls:'icon-search'" data-json="{'attachTreeTemp':null,'componet':null,'defKey':null,'defText':null,'defUrl':null,'defValue':null,'fldName':'feesPassAgeWay','fldNo':'9','fldType':'0','formCols':1,'formLength':null,'formMax':null,'formMin':null,'formMultiple':null,'formName':'通道费用','formPrecision':null,'formRows':1,'formSplit':null,'formTimes':null,'formTips':null,'formType':'componet','formValid':null,'isDisabled':'0','isMandatory':'0','lastUpdate':null,'useFlag':null,'validParam':null}">通道费用管理</a></span></td></tr><tr><td class='red-star'>风险资产</td><td><a id='riskAsset' class='easyui-sllinkbutton' data-options="plain:false,iconCls:'icon-search'" data-json="{'attachTreeTemp':null,'componet':null,'defKey':null,'defText':null,'defUrl':null,'defValue':null,'fldName':'riskAsset','fldNo':'84','fldType':'0','formCols':1,'formLength':null,'formMax':null,'formMin':null,'formMultiple':null,'formName':'风险资产','formPrecision':null,'formRows':1,'formSplit':null,'formTimes':null,'formTips':null,'formType':'componet','formValid':null,'isDisabled':'0','isMandatory':'1','lastUpdate':null,'useFlag':null,'validParam':null}">风险资产管理</a></span></td><td></td><td></td></tr></table></fieldset><br/>
-----------------------------------------------<fieldset><legend>额度管理</legend><table class='form_table' cols='4'><tr><td class='red-star'>额度管理</td><td><input id='amtManage' class="easyui-slcombobox" data-options="required:true,width:180, initValue:'C', dict:'amtManages', attachString:'---请选择---'" /></span></td><td>授信单号</td><td><input id='dealNoticeNo' class="easyui-sltextbox" data-options="required:false, multiline:false, height:22,width:180, validType:['maxLength[35]', 'alphanum'], disabled:true" />&nbsp;<span class='tips'>保存后生成</td></tr></table></fieldset><br/>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文