JQuery EasyUI 加载两次url的原因分析及解决方案

1、传统方式

<span style="font-size:18px;">$(function () {
var url = "../Source/Query/jhDataQry.ashx?action=query";
$(dg).datagrid({
url: url,
queryParams: {
qsrq: qsrq,
zzrq: zzrq
}
});
})
<table id="DataGrid" class="easyui-datagrid" fit="true" border="false" toolbar="#TBar" pagination="true"
data-options="pageSize:20,pageList: [10, 20, 30, 40, 50,100,5000],idField:'chjid',sortName:'chjbh', queryParams: { 'action': 'query'}"
rownumbers="true" singleSelect="true" url="../Source/JiChu/chjdoc.ashx">
<thead>
<tr>
</tr>
</thead>
</table></span>

2、原因分析及解决方案

html代码中利用class声明了datagrid，导致easyUI解析class代码的时候先解析class声明中的datagrid，这样组件就请求了一次url；然后又调用js初始化代码请求一次url。这样导致了重复加载，解决的方法就是只用一种初始化方法来声明easyUI组件以避免重复的提交请求，即删除html中的class声明(class="easyui-datagrid")，修改后的代码如下：

<span style="font-size:18px;"><table id="DataGrid" fit="true" border="false" toolbar="#TBar" pagination="true"
data-options="pageSize:20,pageList: [10, 20, 30, 40, 50,100,5000],idField:'chjid',sortName:'chjbh'"
rownumbers="true" singleSelect="true" url="../Source/JiChu/chjdoc.ashx">
<thead>
<tr>
</tr>
</thead>
</table></span>

您可能感兴趣的文章:

• jQuery Easyui 下拉树组件combotree
• easyui中combotree循环获取父节点至根节点并输出路径实现方法
• 浅谈EasyUi ComBotree树修改 父节点选择的问题
• EasyUI 中combotree 默认不能选择父节点的实现方法
• EasyUi combotree 实现动态加载树节点
• jQuery EasyUI API 中文文档 - ComboTree组合树
• EASYUI TREEGRID异步加载数据实现方法
• EasyUI的treegrid组件动态加载数据问题的解决办法
• Jquery EasyUI中弹出确认对话框以及加载效果示例代码
• easyui combotree加载静态数据问题（选不上）解决方法