JQuery EasyUI 加载两次url的原因分析及解决方案
更新时间:2014年08月18日 08:58:33 投稿:whsnow
这篇文章主要介绍了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加载静态数据问题(选不上)解决方法
相关文章
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
这篇文章主要介绍了超好用的jQuery分页插件jpaginate用法,结合实例形式简单分析了jQuery分页插件jpaginate的基本调用方式、参数属性及配置方法,并附带源码供读者下载,需要的朋友可以参考下2018-12-12jQuery动态设置form表单的enctype值(实现代码)
本篇文章是对在jQuery中动态设置form表单的enctype值的实现代码进行了详细的分析介绍,需要的朋友参考下2013-07-07jquery创建一个新的节点对象(自定义结构/内容)的好方法
jq创建一个新的节点对象,这对一些自定义功能很有帮助,而且可以随意控制对象的结构与内容,何乐而不为呢,看到这里,相信有些朋友已经按耐不住了,好记下来为大家介绍实现方法,感兴趣的朋友可以了解下哦2013-01-01
最新评论