使用EasyUI的datagrid时onLoadSuccess方法执行了两次

今天使用EasyUI的datagrid时发现首次打开页面时onLoadSuccess方法执行了两次。后来发现主要问题是datagrid被初始化了两次。

主要原因是一开始标签元素中声明了class="easyui-datagrid" 。

<table align="center" id="dg" class="easyui-datagrid" >

稍后又用js创建了datagrid：

     $(document).ready(init);

     function init() {

         $('#dg').datagrid({             

             pageList: [10, 15, 20],

             pagination: true,

             loadMsg: '数据加载中...',

             url: 'xxx.php',              

             onLoadSuccess: function(data) {

             },

             onBeforeLoad: function(param) {

             }

         });       

     }

解决的方法就是去掉标签class属性里的easyui-datagrid。

例如：

<table align="center" id="dg" class="easyui-datagrid">

改为

<table align="center" id="dg" >

这样就不会重复初两次初始化控件了！