JqueryEasyUi常见问题解决方案.doc

 HYPERLINK /zgqys1980/archive/2010/12/21/1913066.html 使用Jquery EasyUi常见问题解决方案 /***清空指定表单中的内容,参数为目标form的id*注：在使用Jquery EasyUI的弹出窗口录入新增内容时，每次打开必须清空上次输入的历史*数据，此时通常采用的方法是对每个输入组件进行置空操作:$(#name).val(),这样做，*当输入组件比较多时会很繁琐，产生的js代码很长，这时可以将所有的输入组件放入个form表单*中，然后调用以下方法即可。**@param formId将要清空内容的form表单的id*/function resetContent(formId) {var clearForm = document.getElementById(formId);if (null != clearForm typeof(clearForm) != undefined) {clearForm.reset();}} /***刷新DataGrid列表(适用于Jquery Easy Ui中的dataGrid)*注：建议采用此方法来刷新DataGrid列表数据(也即重新加载数据)，不建议直接使用语句*$(#dataTableId).datagrid(reload);来刷新列表数据，因为采用后者，如果日后*在修改项目时，要在系统中的所有刷新处进行其他一些操作，那么你将要修改系统中所有涉及刷新*的代码，这个工作量非常大，而且容易遗漏；但是如果使用本方法来刷新列表，那么对于这种修*该需求将很容易做到，而去不会出错，不遗漏。**@paramdataTableId将要刷新数据的DataGrid依赖的table列表id*/function flashTable(dataTableId){$(#+dataTableId).datagrid(reload);} ? /***取消DataGrid中的行选择(适用于Jquery Easy Ui中的dataGrid)*注意：解决了无法取消全选checkbox的选择,不过，前提是必须将列表展示*数据的DataGrid所依赖的Table放入html文档的最全面，至少该table前没有*其他checkbox组件。**@paramdataTableId将要取消所选数据记录的目标table列表id*/function clearSelect(dataTableId) {$(#+dataTableId).datagrid(clearSelections);//取消选择DataGrid中的全选$(input[type=checkbox]).eq(0).attr(checked,false);} ? /***关闭Jquery EasyUi的弹出窗口(适用于Jquery Easy Ui)**@paramdialogId将要关闭窗口的id*/function closeDialog(dialogId) {$(#+dialogId).dialog(close);} ? /***自适应表格的宽度处理(适用于Jquery Easy Ui中的dataGrid的列宽),*注：可以实现列表的各列宽度跟着浏览宽度的变化而变化，即采用该方法来设置DataGrid*的列宽可以在不同分辨率的浏览器下自动伸缩从而满足不同分辨率浏览器的要求*使用方法：(如:{field:ymName,title:编号,width:fillsize(0.08),align:center},)**@parampercent当前列的列宽所占整个窗口宽度的百分比(以小数形式出现，如0.3代表30%)**@return通过当前窗口和对应的百分比计算出来的具体宽度*/function fillsize(percent){var bodyWidth = document.body.clientWidth;return (bodyWidth-90)*percent;}/*** 获取所选记录行(单选)** @paramdataTableId目标记录所在的DataGrid列表的table的id* @paramerrorMessage 如果没有选择一行(即没有选择或选择了多行)的提示信息** @return 所选记录行对象，如果返回值为null,或者null(有时浏览器将null转换成了字符串null)说明没有*选择一行记录。*/function getSingleSelectRow(dataTableId, errorMessage) {var rows = $(#+da