轻松搞定 easyui datagrid 二次加载的问题

简介: 对于使用url方式的初学者,经常碰到重复请求的问题,这个问题的根源是因为一旦设置了url参数,Datagrid组件在实例化的时候就会做请求,如何避免二次加载这样问题呢,个人觉得注意以下两点基本就可以防止二次加载了。

对于使用url方式的初学者,经常碰到重复请求的问题,这个问题的根源是因为一旦设置了url参数,Datagrid组件在实例化的时候就会做请求,如何避免二次加载这样问题呢,个人觉得注意以下两点基本就可以防止二次加载了。

  • 使用load和reload函数去动态加载数据,而不是选择再次渲染组件,而再次渲染组件的目的仅仅是为了设置url,这得不偿失,url的设置可以通过options方法获取到组件实例的opts,然后在给opts.url重新赋值即可;
  • 用class方式注册组件,一般只将属性写在DOM里,而事件通常还是用 javascipt调用datagrid构造函数注册,
  • 这个过程中就发生了二次请求:
  • 第一次是class方式实例化的时候,
  • 第二次是javascript 注册事件的时候。所以在要绑定事件的情况下,索性就不要使用class方式注册了。
  • 说这么多其实上面的都是扯淡;直接上列子:
  • <table id="materialData" class="easyui-datagrid" data-options="toolbar:'#tb'" ></table>
  • 把这里的class去掉就行了,改为:
    <table id="materialData"  data-options="toolbar:'#tb'" ></table>
  • 因为我们在js里面是这样写的:$('#materialData').datagrid({});
  • 所以body里面不用再写他的class,否则在页面加载《table》时候就回去调用一次,而在js里面还会去调用!
相关文章
|
7月前
EasyUI datagrid 从左至右递归合并表格
EasyUI datagrid 从左至右递归合并表格
41 2
|
7月前
EasyUI DataGrid 假分页
EasyUI DataGrid 假分页
70 0
|
7月前
|
JavaScript 前端开发
EasyUi js 加载数据表格DataGrid
EasyUi js 加载数据表格DataGrid
|
7月前
|
前端开发
easyui datagrid 的 tip实现
easyui datagrid 的 tip实现
166 0
|
7月前
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
Easyui datagrid 编辑结束时combobox显示value而不显示text
Easyui datagrid 编辑结束时combobox显示value而不显示text
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
278 0
EasyUI DataGrid 可编辑列级联操作
EasyUI DataGrid 可编辑列级联操作
easyui datagrid reload后自动全选解决
easyui datagrid reload后自动全选解决