相对应的数据

1.1 这次是两个渲染好的layui表格,是在你点击A表单的某一行数据时,B表单里面就会显示所属的A表单里面的数据。

1.2 首先是有放置表单的样式,以便为渲染表单做处理,它为

,而a标签是为了我另外一方面做处理的,让同视图的情况下切换多种表单,所以在切换另一种表单时隐藏此表单,显示另一个表单。Layui的渲染表单是在页面一加载后出现的表单。但还要声明全局变量var tabQZZ; var layer, layuiTable;。如下图:
相对应的数据
1.3 当第一个表单完成后,渲染的第二个表单如第一个表单一样的写法,同样有它的放置样式
,还要再声明这个样式的ID为全局变量var tabDEC;,而另外一个就不用了。还有前三行是不用写的。直接开始渲染显示表单数据,还要将‘url’去掉换成data:[],这样就可以在第一个表点击不同数据时,第二个表可以跟着变换。

1.4 而现在是封装第一个表的表单样式,然后在点击第一个变单的某一行数据时同样也获取到这个表的ID声明变量来接收这个ID。然后刷新的是第二个表单数据,这里使用的是第二个表单的‘url’的方法,和每一次刷新都定义为第一页,还有提交的ID是来自于它的上表的ID。为此这种便可以达到想要的数据。最后是表单每一次变换时清空表单数据。如下图:
相对应的数据