LayUi-Tree-Table 删除行刷新

 初始化table:


    var treetable ="";
    var table
    //初始化table
    layui.config({
        base: '${ctx}/static/treeTable/module/',  /* 修改为你module文件夹地址*/
    }).extend({
        treetable: 'treetable-lay/treetable'
    }).use(['table', 'treetable'], function () {
        var $ = layui.jquery;
        table = layui.table;
        treetable = layui.treetable;
        var uuid1 ='${resMap.UUID}';
        // 渲染表格
        var renderTable = function () {
            layer.load(2);
            treetable.render({
                size: 'lg', //尺寸
                treeColIndex: 0, //设置下拉箭头在第几列
                treeSpid: "0",   //最上级的父级id
                treeIdName: 'deptId', //id字段的名称(自己的id)
                treePidName: 'parentId', //pid字段的名称(父亲的id)
                treeDefaultClose: true, //是否默认折叠
                treeLinkage: false, //父级展开时是否自动展开所有子级
                smartReloadModel:true,
                elem: '#table1', //表格的id
                url: '${ctx}/project/delivered/getBuildGHHSZ?uuid='+uuid1, //数据请求地址,返回json格式数据(映射路径)
                page: false,
                cols: [   //列数和列名可根据需要更改
                    [
                        {field: 'name', width:"40%",align:'left' , title: '文件名称'}, //filed:json数据的key
                        {field: 'buildname', width:"40%",align:'left' , title: '该文件所对应楼盘'},//filed:json数据的key
                        {templet: complain, title: '操作'}
                    ]
                ],
                done: function () {
                    layer.closeAll('loading');
                }
            });
        };
        renderTable();
        function complain(d){//操作中显示的内容
            if(d.buildname!=null && d.buildname!=''){
                return [
                    '<button  type="button" class="layui-btn layui-btn-xs layui-bg-blue" style="margin-top:10px;" onclick="deleteBuildGHHSZ(\''+d.deptId+'\')">取消关联</button>',
                ].join('');
            }else{
                return '';
            }

        }
        $('#btn-refresh').click(function () {
            renderTable();
        });
        //监听工具条
        table.on('tool(table1)', function(obj){ //注:tool是工具条事件名,table1是table表格的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
            var tr = obj.tr; //获得当前行 tr 的DOM对象

            if(layEvent === 'del'){ //删除
                layer.confirm('真的删除行么', function(index){
                    obj.del(); //删除对应行(tr)的DOM结构,并更新缓存
                    layer.close(index);
                    //向服务端发送删除指令
                });
            } else if(layEvent === 'edit'){ //编辑
                //do something

            }
        });
    });

刷新的时候在html中随便定义一个隐藏的input  

<input id="btn-refresh" style="display: none" >

当执行完一个方法执行后调用下 $("#btn-refresh").click();事件----等于是调用了初始化的下边方法

$('#btn-refresh').click(function () {
            renderTable();
        });

$.ajax({
                type: "post",
                url: "${ctx}/project/delivered/saveghhsz",
                data: buildformdatas,
                dataType: 'json',
                cache: false,
                headers: {
                    Authorization: sessionStorage.getItem("token")
                },
                processData: false,
                contentType: false,
                success: function (data) {
                    if (data.retFlag == "T") {
                        getBuildFileghhsd();


                        $("#btn-refresh").click();


                        top.layer.alert("上传成功!");
                    }else{
                        top.layer.alert(data.retMsg);
                    }
                },
                error: function (e) {
                    top.layer.close(indexly);
                    top.layer.alert("请求出错!");
                }
            });

这样组件就重新刷新了。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值