头工具栏事件

最新推荐文章于 2022-02-22 09:52:25 发布

xnjj

最新推荐文章于 2022-02-22 09:52:25 发布

阅读量151

点赞数

分类专栏： crm

本文链接：https://blog.csdn.net/qq_58849698/article/details/119704884

版权

crm 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这篇博客主要介绍了如何处理表格头部工具栏的事件，包括'getCheckData'、'getCheckLength'、'isAll'和自定义的'add'事件。在'add'事件中，展示了弹出窗口的实现，包含新增数据的功能，并使用了layui的layer模块进行对话框操作，同时使用了form和laydate组件来渲染表单和日期时间选择器。

摘要由CSDN通过智能技术生成

//头工具栏事件
table.on('toolbar(test)', function(obj){
    var checkStatus = table.checkStatus(obj.config.id);
    switch(obj.event){
        case 'getCheckData':
            var data = checkStatus.data;
            layer.alert(JSON.stringify(data));
            break;
        case 'getCheckLength':
            var data = checkStatus.data;
            layer.msg('选中了：'+ data.length + ' 个');
            break;
        case 'isAll':
            layer.msg(checkStatus.isAll ? '全选': '未全选');
            break;

        //添加!!!!!!!
        case 'add':
            var data = checkStatus.data;
            // var data = obj.data;
            layer.open({
                title:'新增数据',
                area: ['600px', '600px'],
                type: 1,
                //  content: '<h1>你好世界..</h1>' // 一般不吧html写在这里
                content: $("#addHtml").html() ,
                success:function (layero, index) {
                    console.log(layero)
                    console.log(index)
                    console.log(" 我是 layer 弹出成功后的回调")
                    //alert("快来添加数据啊！")
                    form.render();  // 重点:强调: 当界面发生改变时, 记得 重新渲染模块,不然不显示效果
                    //日期时间选择器
                    laydate.render({
                        elem: '#updateTime1'
                        ,type: 'datetime'
                    });
                    //日期时间选择器
                    laydate.render({
                        elem: '#updateTime2'
                        ,type: 'datetime'
                    });
                },


                btn:['取消添加'],
                yes:function (index,layero) {
                    alert("我取消了添加")
                    return false;
                }
            });
            //layer.msg("添加成功");
            break;