JqueryEasyUi常见问题解决方案

《JqueryEasyUi常见问题解决方案》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、使用JqueryEasyUi常见问题解决方案/***清空指定表单中的内容,参数为目标form的id*注：在使用JqueryEasyUI的弹出窗口录入新增内容时，每次打开必须清空上次输入的历史*数据，此时通常采用的方法是对每个输入组件进行置空操作:$("#name").val(""),这样做，*当输入组件比较多时会很繁琐，产生的js代码很长，这时可以将所有的输入组件放入个form表单*中，然后调用以下方法即可。**@paramformId将要清空内容的form表单的id*/functionresetCont

2、ent(formId){varclearForm=document.getElementById(formId);if(null!=clearForm&&typeof(clearForm)!="undefined"){clearForm.reset();}}/***刷新DataGrid列表(适用于JqueryEasyUi中的dataGrid)*注：建议采用此方法来刷新DataGrid列表数据(也即重新加载数据)，不建议直接使用语句*$('#dataTableId').datagrid('reload');

3、来刷新列表数据，因为采用后者，如果日后*在修改项目时，要在系统中的所有刷新处进行其他一些操作，那么你将要修改系统中所有涉及刷新*的代码，这个工作量非常大，而且容易遗漏；但是如果使用本方法来刷新列表，那么对于这种修*该需求将很容易做到，而去不会出错，不遗漏。**@paramdataTableId将要刷新数据的DataGrid依赖的table列表id*/functionflashTable(dataTableId){$('#'+dataTableId).datagrid('reload');} /***取消D

4、ataGrid中的行选择(适用于JqueryEasyUi中的dataGrid)*注意：解决了无法取消"全选checkbox"的选择,不过，前提是必须将列表展示*数据的DataGrid所依赖的Table放入html文档的最全面，至少该table前没有*其他checkbox组件。**@paramdataTableId将要取消所选数据记录的目标table列表id*/functionclearSelect(dataTableId){$('#'+dataTableId).datagrid('clearSelecti

5、ons');//取消选择DataGrid中的全选$("input[type='checkbox']").eq(0).attr("checked",false);} /***关闭JqueryEasyUi的弹出窗口(适用于JqueryEasyUi)**@paramdialogId将要关闭窗口的id*/functioncloseDialog(dialogId){$('#'+dialogId).dialog('close');} /***自适应表格的宽度处理(适用于JqueryEasyUi中的dataGrid的列

6、宽),*注：可以实现列表的各列宽度跟着浏览宽度的变化而变化，即采用该方法来设置DataGrid*的列宽可以在不同分辨率的浏览器下自动伸缩从而满足不同分辨率浏览器的要求*使用方法：(如:{field:'ymName',title:'编号',width:fillsize(0.08),align:'center'},)**@parampercent当前列的列宽所占整个窗口宽度的百分比(以小数形式出现，如0.3代表30%)**@return通过当前窗口和对应的百分比计算出来的具体宽度*/functionfills

7、ize(percent){varbodyWidth=document.body.clientWidth;return(bodyWidth-90)*percent;}/***获取所选记录行(单选)**@paramdataTableId目标记录所在的DataGrid列表的table的id*@paramerrorMessage如果没有选择一行(即没有选择或选择了多行)的提示信息**@return所选记录行对象，如果返回值为null,或者"null"(有时浏览器将null转换成了字符串"null")说明没有*选择

8、一行记录。*/functiongetSingleSelectRow(dataTableId,errorMessage){varrows=$('#'+dataTableId).datagrid('getSelections');varnum=rows.length;if(num==1){returnrows[0];}else{$.messager.alert('提示消息',errorMessage,'info');returnn