轻松搞定 easyui 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里面还会去调用！