layui表格重载

本文介绍了一个功能,当点击协议单位表中的某一行时,下方会动态展示该协议对应的房价详情,包括不同房类及其价格。核心代码涉及事件监听、数据获取及表格的动态加载。

这里主要实现的功能是这样的,这里有两个表格,上边表格协议单位的协议,下边协议单位房价的协议一条协议有多个房房类,每个房类价格也不一样,所以这个功能就是当我点击某一条协议的时候就在下面显示相应的房价协议的每个房类的协议的价格。

  这是监听单击事件,监听这个协议单位表。先获取到点击行的数据。通过这个数据获取到它的主键ID,addClass("layui-table-click").siblings(),添加选中样式,removeClass("layui-table-click");移除选中样式。

关键的核心代码就是下面这一段代码,重新加载这协议单位表格,第一参数是路径url,请求方法是这个查询这个表格的方法,第二个参数传参,获取到主键ID把这个这个协议单位的ID传到控制器,第三个参数分页刷新后从第一页开始,这里也可以不需要参数.

   

这个房价协议的价格表格的初始化,同上是一些基本的参数设置

功能效果如下下图所示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值