easyui-datagrid 的loader屬性用法


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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM