easyui-datagrid 的loader属性用法

API介绍比较简略:

定义如何从远程服务器加载数据。返回false可以放弃本次请求动作。该函数接受以下参数：
param：参数对象传递给远程服务器。
success(data)：当检索数据成功的时候会调用该回调函数。
error()：当检索数据失败的时候会调用该回调函数。

搜索了一下,发现多数是配合$.ajax({})使用,且如果$.ajax({})中设置了url,则datagrid的url属性会失效.

示例代码:

 <table id="dg" class="easyui-datagrid" title="信息列表" style="width:700px;height:250px"

        data-options="loader:myloader",

        ...(其他属性根据自己需要自己添加)

   >

   <script>

     var myloader=function(param,success,error){

         $.ajax({

             url:"远程调用的服务",

             data:{

                 属性：值 （传入的参数）

             },

             type:"提交方式"(get || post),

             dataType:"jsonp"(跨域),

             jsonpCallback:"callback",

             success: function(data){

                 var con=data.data.config;

                 success(con);

             }

         })

     }

 </script>

     <thead>

     <tr>

         <th data-options="field:'id' ">ID</th>

         ... ...

     </tr>

 </thead>

 </table>

巴特西

easyui-datagrid 的loader属性用法

最新文章

热门文章