LayUI学习笔记

模块化引入、非模块化引入

引入LayUI的css：<link>

引入LayUI的js：<script></script>

layui导入依赖模块：

layui.use(['模块名','模块名'], function(){
    //加载完成的回调函数
    //推荐方法写在这里面，因为不知道什么时候加载完毕
});

<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。

<table >
  <thead>
    <tr>
      <th></th>
      <th></th>
    </tr>
  </thead>

  <tfoot>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tfoot>

  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

layer.prompt - layui内置方法

监听行的点击事件：layuiTable.on(‘row(tabTitles)’, function (obj) {});

table.checkStatus(id)：

table.checkStatus(id)：//获取表格选中行

layui的底层方法

layui.each(obj, fn)  ：对象（Array、Object、DOM 对象等）遍历，可用于取代for语句

layui table，获取table的全部数据

layui.table.cache.table     // table为id

top.layer.open

父窗口打开子窗口

laytpl 语法-在table表头属性toorbar中使用

toolbar 对应的模板

<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
  
  <!-- 这里同样支持 laytpl 语法，如： -->
  {{#  if(d.auth > 2){ }}
    <a class="layui-btn layui-btn-xs" lay-event="check">审核</a>
  {{#  } }}
</script>