LayUi 使用的技巧（不定时更新）

1、表格分页显示，直接加到官方模板的后面即可。

 

 ,height: 310
                ,limits: [3,5,10]  //一页选择显示3,5或10条数据
                ,limit: 5 //一页显示10条数据
                ,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
                    var result;
                    console.log(this);
                    console.log(JSON.stringify(res));
                    if(this.page.curr){
                        result = res.data.slice(this.limit*(this.page.curr-1),this.limit*this.page.curr);
                    }
                    else{
                        result=res.data.slice(0,this.limit);
                    }
                    return {
                        "code": res.code, //解析接口状态
                        "msg": res.msg, //解析提示文本
                        "count": res.count, //解析数据长度
                        "data": result //解析数据列表
                    };
                }

2、 根据表格中的数据判断 显示内容

  <script type="textml" id="barDemo">
            {{# if(d.cstate =="空闲"){ }}
            <a class="layui-btn layui-btn-xs" lay-event="edit">存入</a>
            {{# }if(d.cstate =="使用中") { }}
            <a class="layui-btn layui-btn-xs layui-btn-disabled" >存入</a>
            {{# } }}
            <!--            <button type="button" class="layui-btn layui-btn-disabled">禁用按钮<tton>-->
            <!--            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">处理</a>-->
   </script>  


 表格中{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}