首页 > 代码库 > 记录EasyUI使用中的问题和解决的方法
记录EasyUI使用中的问题和解决的方法
1.初始化DataGrid2次加载问题
是因为采用了Js和Html初始化,解决办法,采用一种方式初始化
采用JS和Html初始化的话,将Html的class="easyui-datagrid" 去掉
或者直接采用Html初始化
下面是我的初始化代码
<table id="dg" class="easyui-datagrid" data-options="url:‘@Url.Action("GetList")‘,iconCls: ‘icon-save‘,fit: true,pagination: true,rownumbers: true,singleSelect:true,idField: ‘UnloadID‘,toolbar: ‘#tb‘">
<thead>
<tr>
<th data-options="field:‘ck‘, checkbox:true"></th>
<th data-options="field:‘IsState‘,width:80,formatter:formatstate">状态</th>
<th data-options="field:‘PlaceCode‘,width:65">货位</th> <th data-options="field:‘OperateDate‘,width:120">操作日期</th>
</tr>
</thead>
</table>
2.DataGrid 传递参数 加载2次问题
解决方法 直接修改参数
例如
var queryParams = { startdate: $(‘#qstartDate‘).datebox(‘getText‘),
carCode: $(‘#qcarCode‘).val(),
batchCode: $(‘#qbatchCode‘).combogrid(‘getValue‘) }
//查询参数直接添加在queryParams中
$(‘#dg‘).datagrid(‘options‘).queryParams = queryParams;
$("#dg").datagrid(‘reload‘);
3.使用Form的Load方法加载数据,引起其他控件的事件,例如Select的OnSelect事件,直接用Val不会
解决办法,定义全局变量,当Load数据时,Onselect事件取消
事例代码
$(‘#isLoad‘).attr("value", ‘1‘);
$(‘#ff‘).form(‘load‘, data);
------------------------
onSelect: function (rec, row) {
//数据加载标志
var flag = $("#isLoad").val();
if (flag == 0) {
//未加载
}
}
记录EasyUI使用中的问题和解决的方法