zoukankan      html  css  js  c++  java
  • layui的reload方法

    layui的reload方法

    table.reload

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>Layui</title>
      <meta name="renderer" content="webkit">
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
      <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css"  media="all">
      <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
    </head>
    <body> 
     
    <div class="demoTable">
      搜索ID:
      <div class="layui-inline">
        <input class="layui-input" name="id" id="demoReload" autocomplete="off">
      </div>
      <button class="layui-btn" data-type="reload">搜索</button>
    </div>
     
    <table class="layui-hide" id="LAY_table_user" lay-filter="user"></table> 
                   
              
    <script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
    <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
    <script>
    layui.use('table', function(){
      var table = layui.table;
      
      //方法级渲染
      table.render({
        elem: '#LAY_table_user'
        ,url: '/demo/table/user/'
        ,cols: [[
          {checkbox: true, fixed: true}
          ,{field:'id', title: 'ID', 80, sort: true, fixed: true}
          ,{field:'username', title: '用户名', 80}
          ,{field:'sex', title: '性别', 80, sort: true}
          ,{field:'city', title: '城市', 80}
          ,{field:'sign', title: '签名'}
          ,{field:'experience', title: '积分', sort: true, 80}
          ,{field:'score', title: '评分', sort: true, 80}
          ,{field:'classify', title: '职业', 80}
          ,{field:'wealth', title: '财富', sort: true, 135}
        ]]
        ,id: 'testReload'
        ,page: true
        ,height: 310
      });
      
      var $ = layui.$, active = {
        reload: function(){
          var demoReload = $('#demoReload');
          
          //执行重载
          table.reload('testReload', {
            page: {
              curr: 1 //重新从第 1 页开始
            }
            ,where: {
              key: {
                id: demoReload.val()
              }
            }
          }, 'data');
        }
      };
      
      $('.demoTable .layui-btn').on('click', function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
      });
    });
    </script>
    
    </body>
    </html>
  • 相关阅读:
    史上最详细 github 使用教程(英文烂的血泪史)
    如何解决跨域问题
    KSImageNamed 安装
    VVDocumenter插件安装
    通过appearance设置app主题
    UITableViewCell注册情况
    iOS9.2 xcode 7.1.1真机测试
    UIAlertController iOS9
    Values of type 'NSInteger' should not be used as format arguments; add an explicit cast to 'long' instead
    GIT
  • 原文地址:https://www.cnblogs.com/0710whh/p/12331491.html
Copyright © 2011-2022 走看看