Layui的修改排序码

最新推荐文章于 2022-07-20 23:09:27 发布

weixin_57770064

最新推荐文章于 2022-07-20 23:09:27 发布

阅读量569

点赞数

文章标签： layui mvc

本文链接：https://blog.csdn.net/weixin_57770064/article/details/124652602

版权

                tabTitles2 = layuiTable.render({
                    elem: '#GoodsType2',//容器
                    url: 'selectGoodsType',
                    id: 'idTest2',
                    cols: [[
                        { type: 'numbers', title: '序号' },
                        { field: 'CommodityCategoryName', title: '所有商品', align: 'center'/*, edit: true*/ },
                        { field: 'TheSuperiorCategory', title: '上级类别', align: 'center'/*, edit: true*/ },
                        { field: 'sort', title: '排序码', align: 'center', edit: true }
                    ]],
                    data: datas,
                    page: {
                        limit: 10,//每页显示的条数
                        limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],//每页条数的选择项
                    },
                    initSort: {
                        field: 'sort',
                        type: 'asc'
                    }, skin: 'line' //行边框风格
                    , even: true //开启隔行背景
                })

首先就是渲染表格，这里我是可以通过表格单元格直接修改排序然后在进行保存排序，单元格编辑只要添加edit: true字段就可以直接进行表格编辑。

在渲染表格添加initSort用于在数据表格渲染完毕时，进行某个字段排序

initSort: {
    field: 'id' //排序字段，对应 cols 设定的各字段名
    ,type: 'desc' //排序方式  asc: 升序、desc: 降序、null: 默认排序
  }

在渲染表格添加initSort字段就可以在表格修改任意的字段就会，自动按升序进行排序

下来就是进行修改排序码的方法

                //修改排序
                layuiTable.on('edit(GoodsType2)', function (obj) {
                    var value = obj.value;//修改后的数据
                    var data = obj.data;//修改的当行数据
                    //获取修改行值
                    var CommodityCategoryId = data.CommodityCategoryID;
                    var CommodityCategoryName = data.CommodityCategoryName;
                    //**************修改****************
                    $("#appsorting").click(function () {
                        if (obj.value != "") {
                            if (FNSTSW = 1) {
                                $.post("SaveGoodsType2", { CommodityCategoryId: CommodityCategoryId, sort: value, CommodityCategoryName: CommodityCategoryName }, function (rtMsg) {
                                    if (rtMsg.State) {
                                        tabTitles2.reload();
                                        layer.alert(rtMsg.Text, { icon: 1 });
                                    } else {
                                        tabTitles2.reload();
                                        //新增失败弹出层信息
                                        layer.alert(rtMsg.Text, { icon: 0 });
                                    }
                                })
                            }
                        } else {
                            layer.alert("修改类别名称为空，请检查！", { icon: 0 });
                        }
                    })
                })

这里是通过进行单元格编辑之后，在点击按钮进行保存发送请求控制器代码方法如下

        public ActionResult SaveGoodsType2(CommodityCategory sorting)
        {
            ReturnJson returnJson = new ReturnJson();
            try
            {
                if (sorting != null)
                {
                    //查询第一条数据，判断不允许修改排序
                    var TheSuperiorCategory = (from tbTheSuperiorCategory in myModels.CommodityCategory
                                               select tbTheSuperiorCategory.CommodityCategoryID).ToList().First();
                    if(sorting.CommodityCategoryID != TheSuperiorCategory)
                    {
                        //去重复
                        int CountSort = (from tbSort in myModels.CommodityCategory
                                         where tbSort.CommodityCategoryID != sorting.CommodityCategoryID &&
                                        (tbSort.sort == sorting.sort)
                                         select tbSort).Count();
                        if (CountSort == 0)
                        {
                            myModels.Entry(sorting).State = System.Data.Entity.EntityState.Modified;
                            if (myModels.SaveChanges() > 0)
                            {
                                returnJson.State = true;
                                returnJson.Text = "修改成功！";
                            }
                            else
                            {
                                returnJson.Text = "修改失败！";
                            }
                        }
                        else
                        {
                            returnJson.Text = "当前排序码已存在！";
                        }
                    }
                    else
                    {
                        returnJson.Text = "第一条排序不允许修改！";
                    }
                }
                else
                {
                    returnJson.Text = "新增商品类别为空1，请检查！";
                }
            }
            catch (Exception e)
            {
                returnJson.Text = "数据异常！";
            }

            return Json(returnJson, JsonRequestBehavior.AllowGet);
        }

这是我所学到的layui修改排序码，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！