EasyUI中datagrid在ie下reload失败解决方案
投稿：hebedich
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了EasyUI中datagrid在ie下reload失败解决方案，结合网上搜集来的几种方案，最终解决了这个问题，分享给大家，希望对大家能够有所帮助。
最近使用EasyUI开发后台系统，测试时发现个奇葩的问题，$('dg').datagrid('reload'); 重新加载表格数据时，ie下一点反应都没有。后来发现其实并不是没有反应，而是浏览器使用了缓存。
网上网友总结出来的解决方案有以下几种：
1.在url后加时间戳，使第一次加载和reload中访问的url不一致，使系统无法使用IE缓存。通过测试发现，EasyUI请求时后面已经自带一串随机数_145232xxx,但是ie还是会使用缓存。后来我在请求的js中为url加上rand=xxx(Math.rand()生成的随机数)就不会使用缓存了。（我测试了从ie8到ie11）
2.用类似于在&head&中加&meta&来清除缓存:
&META HTTP-EQUIV="pragma" CONTENT="no-cache"&
&META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"&
&META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb :57 GMT"&
很不幸，跟很多网友一样，这个方法我也失败了。：（
3.将datagrid的load对应的method声明为‘POST'，这个解决方法最快。但是有有几个问题：
•要是该服务端接口不支持POST方式就歇菜了。
•要是服务端接口自己能控制，这种为了前端妥协的方式，会导致接口一点也不RESTful！要知道RESTful接口对于查询的设计基本上都是GET方式的。
所以说还是第一种方法，在url自己加随机数好用，原谅我代码洁癖不想改服务端接口 _(:з」∠)_。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具EasyUI中datagrid在ie下reload失败解决方案
来源：易贤网&& 阅读：851 次&&日期：
温馨提示：易贤网小编为您整理了“EasyUI中datagrid在ie下reload失败解决方案”,方便广大网友查阅！
这篇文章主要介绍了EasyUI中datagrid在ie下reload失败解决方案，结合网上搜集来的几种方案，最终解决了这个问题，分享给大家，希望对大家能够有所帮助。
最近使用EasyUI开发后台系统，测试时发现个奇葩的问题，$('dg').datagrid('reload'); 重新加载表格数据时，ie下一点反应都没有。后来发现其实并不是没有反应，而是浏览器使用了缓存。
网上网友总结出来的解决方案有以下几种：
1.在url后加时间戳，使第一次加载和reload中访问的url不一致，使系统无法使用IE缓存。通过测试发现，EasyUI请求时后面已经自带一串随机数_145232xxx,但是ie还是会使用缓存。后来我在请求的js中为url加上rand=xxx(Math.rand()生成的随机数)就不会使用缓存了。（我测试了从ie8到ie11）
2.用类似于在&head&中加&meta&来清除缓存:
&META HTTP-EQUIV="pragma" CONTENT="no-cache"&
&META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"&
&META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb :57 GMT"&
很不幸，跟很多网友一样，这个方法我也失败了。：（
3.将datagrid的load对应的method声明为‘POST'，这个解决方法最快。但是有有几个问题：
•要是该服务端接口不支持POST方式就歇菜了。
•要是服务端接口自己能控制，这种为了前端妥协的方式，会导致接口一点也不RESTful！要知道RESTful接口对于查询的设计基本上都是GET方式的。
所以说还是第一种方法，在url自己加随机数好用，原谅我代码洁癖不想改服务端接口 _(:з」∠)_。
更多信息请查看
更多信息请查看
【】&&&&&【点此处查询各地各类考试咨询QQ号码及交流群】
易贤网手机网站地址：
由于各方面情况的不断调整与变化，易贤网提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！
相关阅读 & & &
&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp会员注册
本站不参与评论！（）
自觉遵守：爱国、守法、自律、真实、文明的原则
尊重网上道德，遵守中华人民共和国各项有关法律法规
严禁发表危害国家安全，破坏民族团结、国家宗教政策和社会稳定，含侮辱、诽谤、教唆、淫秽等内容的评论
承担一切因您的行为而直接或间接导致的民事或刑事法律责任
您在本站发表的评论，本站有权保留、转载、引用或者删除
参与本评论即表明您已经阅读并接受上述条款查看: 1117|回复: 6
注册时间最后登录阅读权限10积分36精华0帖子
新手上路, 积分 36, 距离下一级还需 14 积分
比如我在前台用js拼接一个json数据，包含了二三十条数据，然后使用setData设置到表格中，于是有如下问题：
1、点击翻页的时候该如何让其继续调用本地的json数据，而不是去查数据库？
2、设置列属性allowSort=&true&时，点击表头排序时，同上问题。
注册时间最后登录阅读权限150积分18850精华0帖子
那得你自己写JS来处理了
getPageSize()和GetPageIndex()
根据pageSize，和pageIndex来处理，其实你可以参考App_Code/TestDB.cs里面的查询方法 ArrayList data = new ArrayList();
& && && && &int start = index * size, end = start +
& && && && &for (int i = 0, l = dataAll.C i & i++)
& && && && &{
& && && && && & Hashtable record = (Hashtable)dataAll[i];
& && && && && & if (record == null)
& && && && && & if (start &= i && i & end)
& && && && && & {
& && && && && && &&&data.Add(record);
& && && && && & }
& && && && &}复制代码跟这个差不多的
注册时间最后登录阅读权限10积分36精华0帖子
新手上路, 积分 36, 距离下一级还需 14 积分
的确可以取到，但是点击翻页按钮或是排序时，DataGrid是从后台获取数据的，如何阻止其调用后台
注册时间最后登录阅读权限150积分18850精华0帖子
up101 发表于
的确可以取到，但是点击翻页按钮或是排序时，DataGrid是从后台获取数据的，如何阻止其调用后台 ...
你可以用pager控件来做分页，把datagrid的分页showfooter=&false&隐藏掉，
然后监听pager的pagechanged事件，获取pager的pageIndex和pageSize；
每次点击翻页，都会触发这个事件
注册时间最后登录阅读权限10积分36精华0帖子
新手上路, 积分 36, 距离下一级还需 14 积分
factory 发表于
你可以用pager控件来做分页，把datagrid的分页showfooter=&false&隐藏掉，
然后监听pager的pagechanged事 ...
Good idea!!! but how to sort data ?
注册时间最后登录阅读权限150积分18850精华0帖子
up101 发表于
Good idea!!! but how to sort data ?
点击表头，监听headercellclick事件试试
注册时间最后登录阅读权限10积分36精华0帖子
新手上路, 积分 36, 距离下一级还需 14 积分
factory 发表于
点击表头，监听headercellclick事件试试
ok, thanks !!!
Powered by请教jquery easyui datagrid的问题_jquery吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：38,360贴子：
刚开始打开页面时表格显示正常，但反复打开/关闭两三次后表格的表头与数据发生错位，表头显示正常，但内容全部左偏，这是什么原因？？？附代码：这是打开界面时从脚本执行的方法，数据能正确获取。function ajaxBrand(){
$("#frm_brand_manage .easyui-datagrid:eq(0)").datagrid("resize");
url: "/AjaxHandler/ProductHandler.ashx",
"cmd": "Brand_Get"
success: function (data) {
var objJson = eval('(' + data + ')');
$("#frm_brand_manage .easyui-datagrid:eq(0)").datagrid({
loadFilter: pagerFilter,
loadMsg: "正在加载品牌列表,请稍等....",
columns: [[
{ field: "KeyID", title: "KeyID", width: 100, align: "center", hidden: true },
{ field: "Brand", title: "品牌名称", width: 150, align: "center" },
{ field: "ImageFileUrl", title: "品牌Logo", width: 100, align: "center", formatter: formatBrandImage },
{ field: "BrandDesc", title: "描述", width: 100, align: "center" },
{ field: "SecKeyWord", title: "搜索关键字", width: 100, align: "center" },
{ field: "Status", title: "Status", width: 100, align: "center", hidden: true },
{ field: "StatusDesc", title: "当前状态", width: 100, align: "center" }
}).datagrid('loadData', { total: 0, rows: [] }).datagrid({ loadFilter: pagerFilter }).datagrid("loadData", objJson);
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或