[JavaScript知识库]设置自定义操作列

?下面说一下关于自定义操作列的设置，下图就是许多按钮的排列样式。

首先，第一个按钮有启用和作废两种操作；第二个就是修改；第三个就是删除。除了第一个需要设置两种状态，后面两个都直接设置点击方式就可以了。

True 说明当前用户类型是启动的状态；false为作废的状态。

先在script里面写一个方法，设置变量，第一个按钮既然有启用和作废两种状态就需要判断，用if else判断作废否。然后把这些按钮全部放到里面，然后分别设置点击事件。

 //自定义操作列
            function setOperate() {
                //用户状态
                var toVoidNo = rowData.toVoidNo;
                var userTypeId = rowData.UserTypeID;
                var btns = "";
                if (toVoidNo) {
                    btns += '<button type="button" class="layui-btn layui-btn-warm layui-btn-xs" onclick="modifyUserType(' + userTypeId + ',false)">作废</button>';
                } else {
                    btns += '<button type="button" class="layui-btn layui-btn-normal layui-btn-xs" onclick="modifyUserType(' + userTypeId + ',true)">启用</button>';
                }
                btns += '<button type="button" class="layui-btn layui-btn-xs" onclick="updateUserType(' + userTypeId + ')">修改</button>';
                btns += '<button type="button" class="layui-btn layui-btn-xs layui-btn-danger" onclick="deleteUserType(' + userTypeId + ')">删除</button>';
                return btns;

第一个按钮既然有启用和作废两种操作，那我们就设置两种状态false和true，false和true都是布尔类型，需要在 控制器写一个bool类型的方法。

public bool isAnyone(int userTypeID)
        {
            int userCount = myModel.PW_UserRoleDetail.Count(m => m.UserTypeID == userTypeID);
            if (userCount == 0)
            {
                return false;
            }
            else
            {
                return true;
            }
        }

?