zoukankan      html  css  js  c++  java
  • easyui-datagrid 的loader属性用法

    API介绍比较简略:

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

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

    示例代码:

     1 <table id="dg" class="easyui-datagrid" title="信息列表" style="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>
  • 相关阅读:
    title中的小图标
    JS
    浏览器的差距
    浏览器的前缀
    布局
    。。。 付解决浏览器兼容问题的两种方法
    form标签
    position讲解
    标题文档流与浮动
    css层叠问题
  • 原文地址:https://www.cnblogs.com/dirgo/p/5184349.html
Copyright © 2011-2022 走看看