layui onclick事件 工具栏根据状态动态显示

1.layui监听 和 onclick事件

        $(document).on('click','.dianz',function(e){
            var id=e.currentTarget.dataset.index
            $.ajax({
                url: '/home/givetup',
                type: 'post',
                data: {
                    "id":id,
                },
                beforeSend: function () {
                    loading = layer.load();
                }, success: function (res) {
                    console.log(res)
                    layer.msg(res.msg, {time: 2000}, function () {
                        if (res.success) {
                            var idd='#'+id
                            $(idd).html(res.data)
                        }
                    })
                }, complete: function () {
                    layer.close(loading);
                }
            })
        })

 2.layui工具栏根据状态动态显示

<script type="text/html" id="structoption1">//此处id为layui中 toolbar: '#structoption1'(是表单中的工具条)

  {{# if(d.level==1){ }}//此处的level为数据库中字段,d随便起的

  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="deleteonesub">删除</a>

  <a class="layui-btn layui-btn-xs" lay-event="addtwosub">添加二级科目</a>

  <a class="layui-btn layui-btn-xs" lay-event="updateDepart">修改科目</a>

  {{# } }} {{# if(d.level==2){ }}

  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="deletetwosub">删除</a>

  <a class="layui-btn layui-btn-xs" lay-event="updateDepart">修改科目</a>

  {{# } }}

 </script>

https://www.layui.com/demo/layer.htm

https://www.layui.com/doc/modules/layer.html#use

发布了173 篇原创文章 · 获赞 29 · 访问量 29万+

猜你喜欢

转载自blog.csdn.net/qq_29058883/article/details/104931263