zoukankan      html  css  js  c++  java
  • Layui:数据表格的重载

    //自动化渲染的重载
    HTML】
    <table class="layui-table" lay-data="{id: 'idTest'}"> …… </table>
     
    【JS】
    table.reload('idTest', {
      url: '/api/table/search'
      ,where: {} //设定异步数据接口的额外参数
      //,height: 300
    });
    //方法级渲染的重载
    //所获得的 tableIns 即为当前容器的实例
    var tableIns = table.render({
      elem: '#id'
      ,cols: [] //设置表头
      ,url: '/api/data' //设置异步接口
      ,id: 'idTest'
    }); 
     
    //这里以搜索为例
    tableIns.reload({
      where: { //设定异步数据接口的额外参数,任意设
        aaaaaa: 'xxx'
        ,bbb: 'yyy'
        //
      }
      ,page: {
        curr: 1 //重新从第 1 页开始
      }
    });
    //上述方法等价于
    table.reload('idTest', {
      where: { //设定异步数据接口的额外参数,任意设
        aaaaaa: 'xxx'
        ,bbb: 'yyy'
        //
      }
      ,page: {
        curr: 1 //重新从第 1 页开始
      }
    }); //只重载数据

    语法 说明 适用场景
    table.reload(ID, options) 参数 ID 即为基础参数id对应的值,见:设定容器唯一ID
    参数 options 即为各项基础参数
    所有渲染方式
    tableIns.reload(options) 参数同上
    tableIns 可通过 var tableIns = table.render() 得到
    仅限方法级渲染
  • 相关阅读:
    tcp示例
    udp示例
    str 和 bytes
    Xamarin UIProgressView自定义
    个人用Canvas开发HTML5小游戏
    canvas画一个h5小游戏
    用canvas写一个h5小游戏
    react js踩坑之路(一)
    捣腾一下 webpack+gulp 使用姿势~
    关于移动端的适配
  • 原文地址:https://www.cnblogs.com/xxzb/p/12665201.html
Copyright © 2011-2022 走看看