这里主要实现的功能是这样的,这里有两个表格,上边表格协议单位的协议,下边协议单位房价的协议一条协议有多个房房类,每个房类价格也不一样,所以这个功能就是当我点击某一条协议的时候就在下面显示相应的房价协议的每个房类的协议的价格。
这是监听单击事件,监听这个协议单位表。先获取到点击行的数据。通过这个数据获取到它的主键ID,addClass("layui-table-click").siblings(),添加选中样式,removeClass("layui-table-click");移除选中样式。
关键的核心代码就是下面这一段代码,重新加载这协议单位表格,第一参数是路径url,请求方法是这个查询这个表格的方法,第二个参数传参,获取到主键ID把这个这个协议单位的ID传到控制器,第三个参数分页刷新后从第一页开始,这里也可以不需要参数.
这个房价协议的价格表格的初始化,同上是一些基本的参数设置
功能效果如下下图所示