绑定新增权限表格信息

最新推荐文章于 2025-03-14 14:50:34 发布

原创最新推荐文章于 2025-03-14 14:50:34 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何在系统中绑定表格，包括获取模块信息、排序、联表查询及分页操作。通过实例展示了如何将模块操作如新增、删除、修改转化为按钮并添加事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(作者：饶家俊，撰写时间：2019年4月15号)

接下来要说的是绑定表格，点击新增之后，就会弹出提示框，提示框里面就有一个表格，我们就来绑定这个表格。

在这里插入图片描述

一开始绑定列表，我们要知道有多少模块，在单表查询，在intTotalRows获取总条数。
在获取模块表的信息，在用ModularAndDetail声明列表来接受，直接用单表查询。
在来倒叙排序，查询出主键ID，里面是个联表查询，接下来就通过中间表SYS_ModularDetail把模块和tbOpType操作表，操作表主要记入了，新增.删除.修改.的操作,然后在把他们连接起来，在用ModularDetail来接受，用来接受3个字段，ModularDetailID.OpTypeID.OpType,在把查询查询出来的，给到ModularDetailVos。最后返回整个列表，在进行分页操作。查询出来还要，在进行表格数据的绑定。
在进入视图里面 vartabModular声明表格，在记入弹出层，var layerIndex = 0默认为0，var layer, layuiTable，在保存2个主键以便全局使用。

在这里插入图片描述

在接下来就是页面加载事件，先加载和初始化layui模块，在给这个表格绑定数据，先把数据接口连接上，在来构建表头，因为接受的是个列表，就要定义个函数。
hide:true 是隐藏列，在下面就是监听行单击事件，绑段是否有点击它，点击了就要获取点击行的数据。
在这里插入图片描述

就直接获取，一开始查询出来的数据data.ModularDetailVos，它本身就是表格，因为它本来是数据，保存在操作表里面，我们要把每一条数据都转化成按钮，从OpType里面取出数据来转化，因为是都个按钮所以，要用for循环来多次转化,每一个按钮都和给他一个id,在加上他本身上的ID,作为现在的id . layui-btn-primary是把按钮转化颜色，加上了是白色，不加上就是青色。
在给每个按钮加个选中事件，因为有选中事件，所以要写一个函数function changeSelect(ModularDetailID) {
}
，函数里面还有个接受的ID ModularDetailID,他们的名称都是数据库里面OpType的名称。