优化点击行可选中

OpenAuth.Mvc/wwwroot/js/utils.js

@@ -1,4 +1,11 @@
-
+/*
+ * @Author: yubaolee <yubaolee@163.com> | ahfu~ <954478625@qq.com>
+ * @Date: 2024-11-29 22:16:54
+ * @LastEditTime: 2025-03-06 23:29:51
+ * @Description: 
+ * Copyright (c) 2025 by yubaolee | ahfu~ , All Rights Reserved.  
+ */
+
 layui.define("jquery", function (exports) {
     var jQuery = layui.jquery,
         $ = layui.jquery;
@@ -53,6 +60,36 @@ layui.define("jquery", function (exports) {
         }
     });
 
+    // 修改laytable点击行选中checkbox
+    clickTableRow = function (table, id, filter) {
+        // 监听行单击事件
+        table.on('row(' + filter + ')', function (obj) {
+            // 先取消所有行的checkbox的选中状态
+            var tableBox = obj.tr.parents('.layui-table-box');
+            tableBox.find('.layui-table-body tr').each(function () {
+                $(this).find('input[type="checkbox"]').prop('checked', false);
+                var index = $(this).data('index');
+                table.cache[id][index].LAY_CHECKED = false;
+            });
+
+            // 取消选中行
+            table.setRowChecked(id, {
+                index: 'all', // 所有行
+                checked: false // 此处若设置 true，则表示全选
+            });
+
+
+            // 设置当前行选中,这个方法可以让checkStatus（）获取到值，但它不能改变checkbox的选中状态😓
+            table.setRowChecked(id, {
+                index: obj.tr.data('index')
+            });
+
+            // 设置当前行checkbox 选中
+            obj.tr.find('input[type="checkbox"]').prop('checked', true);
+            obj.data.LAY_CHECKED = true;
+
+        });
+    }
 
     exports('utils');
 });

OpenAuth.Mvc/wwwroot/userJs/modules.js

@@ -62,7 +62,6 @@ layui.config({
             }
         });
     }
-
     //菜单列表
     var menucon = {};  //table的参数，如搜索key，点击tree的id
     var menuList = function (options) {
@@ -213,6 +212,7 @@ layui.config({
         };
     }();
 
+    clickTableRow(table,'mainList', 'list');
     //监听行单击事件
     table.on('row(list)', function (obj) {
         menuList({moduleId: obj.data.Id});

OpenAuth.Mvc/wwwroot/userJs/orgs.js

@@ -31,6 +31,7 @@
             } 
         });
     }
+    clickTableRow(table,'mainList', 'list');
     //左边树状机构列表
     var ztree = function () {
         var url = '/UserSession/GetOrgs';

OpenAuth.Mvc/wwwroot/userJs/resources.js

@@ -60,6 +60,7 @@
             });
     };
     mainList();
+    clickTableRow(table,'mainList', 'list');
 
     //添加（编辑）对话框
     var editDlg = function () {

OpenAuth.Mvc/wwwroot/userJs/roles.js

@@ -42,6 +42,7 @@ layui.config({
     }
 
     mainList();
+    clickTableRow(table,'mainList', 'list');
 
     //添加（编辑）对话框
     var editDlg = function() {

OpenAuth.Mvc/wwwroot/userJs/users.js

@@ -34,6 +34,7 @@ layui.config({
             } 
         });
     }
+    clickTableRow(table,'mainList', 'list');
     //左边树状机构列表
     var ztree = function () {
         var url = '/UserSession/GetOrgs';