• js如何操作table进行类似行的添加或删除等操作?
  • 发布于 1周前
  • 30 热度
    1 评论
如题,我现在有一个table用于显示数据,同时,我在给管理员赋予添加,删除等操作,以前我都是直接用.NET的Gridview控件进行数据的删除和编辑操作,那么现在不用服务器控件,如何使用js直接操作table实现新增,删除行的操作?
用户评论
  • 腹黑小码农
  • 给你一个简单的例子:

     /*用户-停用*/
                function member_stop(obj, id) {
                    var confirmTip;
                    if ($(obj).attr('title') == '启用') {
                        confirmTip = '确认要停用吗?';
                    } else {
                        confirmTip = '确认要启用吗?';
                    }
                    layer.confirm(confirmTip, function (index) {
                        if ($(obj).attr('title') == '启用') {
                            //发异步把用户状态进行更改
                            $(obj).attr('title', '停用')
                            $(obj).find('i').html('');
                            $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                            layer.msg('已停用!', {
                                icon: 5,
                                time: 1000
                            });
                        } else {
                            $(obj).attr('title', '启用')
                            $(obj).find('i').html('');
    
                            $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                            layer.msg('已启用!', {
                                icon: 6,
                                time: 1000
                            });
                        }
                    });
                }
    
                /*用户-删除*/
                function member_del(obj, id) {
                    layer.confirm('确认要删除吗?', function (index) {
                        //发异步删除数据
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!', {
                            icon: 1,
                            time: 1000
                        });
                    });
                }
    
                function delAll(argument) {
                    var data = tableCheck.getData();
                    layer.confirm('确认要删除吗?' + data, function (index) {
                        //捉到所有被选中的,发异步进行删除
                        layer.msg('删除成功', {
                            icon: 1
                        });
                        $(".layui-form-checked").not('.header').parents('tr').remove();
                    });
                }

  • 2018/9/4 14:25:00 [ 0 ] [ 0 ] 回复