layui 常用

弹出层

标题输入框

<div class="layui-input-inline">商品标题：
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" id="itemTitle" autocomplete="off">
                </div>
</div>

搜索按钮

 <div class="layui-input-inline">
                <button id="selectButton" class="layui-btn layui-btn-sm">搜索</button>
</div>

表格容器

        <table class="layui-hide" id="lay_table" lay-filter="categories"></table>

分页工具

 <div class="layui-table-page">
            <div id="paged" class="page">
                <!--分页区-->
            </div>
        </div>

Ajax拿数据

 // 整个数据接口
        $('document').ready(function() {
            getdata();
        })

        function getdata() {
            $.ajax({
                // 注意当前应该是哪个接口
                url: http + '/bitem/items',
                type: 'POST',
                data: {
                    itemTitle: '',
                    pageStart: 1,
                    pageTotal: '',
                },
                success: function(res) {
                    console.log(res)
                    var data = res.result.data;
                    console.log(data);
                }
            })
        }

关于 权限

后台会有个说明 返回当前登陆账号的所有权限[数组形式]

checkPermission() 校验当前账号权限数组 是否拥有当前页面设定的权限

当前页面设定的权限:permission="sys:activity:query" //sys:activity:query要在当前账号权限数组里一致才叫拥有

注意:只要页面用到权限 就要调用checkPermission()  引入coommon文件

关于关闭子页面刷新

父页面:
        function closeLayer() {
            getData(); //刷新页面
            $("#buttonId").children().remove() //移除buttonid里面的条件选项 重新请求
            getBtnName()
            layer.closeAll('iframe'); //在子页面调用的这个方法 所以有弹窗 所以要关闭所有的
        }
子页面:
       settimeout('window.parent.closeLayer()', 500) //返回父页面对象 调用父页面的方法 和引用全局变量

最后

以上就是清秀海燕为你收集整理的layui 常用的全部内容，希望文章能够帮你解决layui 常用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。