golang layui toolbar 自定义

最新推荐文章于 2024-08-02 10:13:27 发布

NoOne-csdn

最新推荐文章于 2024-08-02 10:13:27 发布

阅读量1.5k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_40161254/article/details/100074909

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

背景

根据user.is_admin 不同自定义身份和相应操作，
功能如下
在这里插入图片描述

solution

<script type="text/html" id="barDemo">
    {{"{{# if (d.is_admin=== 0) { }}"}}
    <a class="layui-btn layui-btn-xs" lay-event="edit">升级权限</a>
    {{"{{# } else { }}"}}
    <a class="layui-btn layui-btn-xs" lay-event="edit">降低权限</a>
    {{"{{# } }}"}}
</script>


<script>
    layui.use('table', function(){
        var table = layui.table;
        table.render({
            elem: '#test'
            ,url:"/user/list"
            ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            ,cols: [[
                {field:'id', title: 'ID', sort: true}
                ,{field:'name', title: '名称'} //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
                ,{field:'create_time', title: '创建时间', sort: true}
                ,{field:'update_time', title: '最近登录', sort: true}
                ,{field: "is_admin", title: '身份', sort: true,
                    templet:function (d) {
                        if (d.is_admin==1){
                            return "管理员"
                        }else {
                            return "普通用户"
                        }

                    }
                }

                ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150

            }
            ]]
            ,page: true
        });
        ```