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 = $('#' + dataTableId).datagrid('getSelections' );     var num =  rows.length;     if (num == 1 ) {         return rows[0 ];     } else  {         $.messager.alert('提示消息', errorMessage, 'info' );         return null ;     } } /* * * 在DataGrid中获取所选记录的id,多个id用逗号分隔 * 注：该方法使用的前提是：DataGrid的idField属性对应到列表Json数据中的字段名必须为id * @paramdataTableId目标记录所在的DataGrid列表table的id * * @return 所选记录的id字符串(多个id用逗号隔开) */ function  getSelectIds(dataTableId, noOneSelectMessage) {     var rows = $('#' + dataTableId).datagrid('getSelections' );     var num =  rows.length;     var ids = null ;     if (num < 1 ) {         if (null != noOneSelectMessage) $.messager.alert('提示消息', noOneSelectMessage, 'info' );         return null ;     } else  {         for (var i = 0; i < num; i++ ) {             if (null == ids || i == 0 ) {                 ids =  rows[i].id;             } else  {                 ids = ids + "," +  rows[i].id;             }         }         return  ids;     } }

/* *

*删除所选记录(适用于Jquery Easy Ui中的dataGrid)(删除的依据字段是id) *注：该方法会自动将所选记录的id(DataGrid的idField属性对应到列表Json数据中的字段名必须为id) *动态组装成字符串，多个id使用逗号隔开(如：1,2,3,8,10)，而后存放入变量ids中传入后台，后台 *可使用该参数名从request对象中获取全部id值字符串，此时在组装sql或者hql语句时能够采用in *关键字来处理，简介方便。 *另外，后台代码必须在操做完以后以ajax的形式返回Json格式的提示信息，提示的json格式信息中必须有一个 *message字段，存放本次删除操做成功与失败等一些提示操做用户的信息。 * *@paramdataTableId将要删除记录所在的列表table的id *@paramrequestURL与后台服务器进行交互，进行具体删除操做的请求路径 *@paramconfirmMessage 删除确认信息 */ function  deleteNoteById(dataTableId, requestURL, confirmMessage) {     if (null == confirmMessage || typeof (confirmMessage) == "undefined" || "" ==  confirmMessage) {         confirmMessage = "肯定删除所选记录?" ;     }     var rows = $('#' + dataTableId).datagrid('getSelections' );     var num =  rows.length;     var ids = null ;     if (num < 1 ) {         $.messager.alert('提示消息', '请选择你要删除的记录!', 'info' );     } else  {         $.messager.confirm('确认', confirmMessage, function  (r) {             if  (r) {                 for (var i = 0; i < num; i++ ) {                     if (null == ids || i == 0 ) {                         ids =  rows[i].id;                     } else  {                         ids = ids + "," +  rows[i].id;                     }                 }                 $.getJSON(requestURL, { "ids": ids }, function  (data) {                     if (null != data && null != data.message && "" !=  data.message) {                         $.messager.alert('提示消息', data.message, 'info' );                         flashTable(dataTableId);                     } else  {                         $.messager.alert('提示消息', '删除失败！', 'warning' );                     }                     clearSelect(dataTableId);                 });             }         });     } }