行单击事件获取表格筛选条件

在两个表之间的关系为父与子的时候,父表的ID为子表的外键ID,同时也作为子表的筛选条件,在父表的监听行单价事件触发后,子表获取到父表的监听行的数据的ID,这个ID就作为子表的筛选条件筛选数据。
这里就用layui插件渲染两个关系为父与子的表,并且子表的数据随着父表的行点击事件的变化而变化。
1、 首先在搭建Html页面框架。重点是要搭建两个table标签渲染表格。
在这里插入图片描述
2、 控制器方法。
第一个表格查询:使用单表查询。用List列表查询,Linq语句,orderby查找主键ID排序,descending倒序排序。
在这里插入图片描述
第二个表格查询:与第一个表格一样的单表查询,不同的是子表需要用从父表传递过来的ID作为筛选条件筛选数据。这里有两种筛选方法,第一种是直接在Linq语句查询时使用“where”查找相同的ID;第二种如下图中注释的代码,使用Lambda表达式。
在这里插入图片描述
3、 渲染表格。
之前之前就已经介绍过要如何利用layui插件渲染表格,这里就只粗略过一下,不一一详细写了。
在这里插入图片描述
用var明字段实例化表格和保存layui模块,然后渲染表格(两个表格的渲染方式一样,这里只显示一个)。“elem”元素选择器,“url”数据接口加载查询方法,“page”分页。
4、 第二个表格加载的数据由第一个表格的行单击事件而触发,所以第二个表格要通过监听行获取父表的ID。
在第一个表格点击行的同时,通过监听事件获取点击行的数据,子表进而得到父表ID,然后调用实例化的表格刷新函数,将传递ID到控制器,通过“url”重新加载表格数据,达到子表的数据随着父表的行点击事件的变化而变化的效果。
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值