easyui-datagrid 的loader属性用法

Posted 2020-06-13

API介绍比较简略:

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

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

示例代码:

 1 <table id="dg" class="easyui-datagrid" title="信息列表" style="width:700px;height:250px"
 2        data-options="loader:myloader",
 3        ...(其他属性根据自己需要自己添加)
 4   >
 5    
 6   <script>
 7     var myloader=function(param,success,error){
 8         $.ajax({
 9             url:"远程调用的服务",
10             data:{
11                 属性：值 （传入的参数）
12                  
13             },
14             type:"提交方式"(get || post),
15             dataType:"jsonp"(跨域),
16             jsonpCallback:"callback",
17             success: function(data){
18                 var con=data.data.config;
19                 success(con);
20             }
21         })
22     }
23  
24 </script>
25     <thead>
26     <tr>
27         <th data-options="field:‘id‘ ">ID</th>
28         ... ...
29     </tr>
30 </thead>
31 </table>