Layui是一套帮助我们快速开发的框架,十分好用和便捷。在我的项目中,很多地方我都是使用了这套框架的组件。例如我需要查询航班的数据,我就是使用了layui的表格来装我查出来的数据。
不过数据查出来之后,让我伤透了脑筋。因为数据查出来之后,我是要获取单个表格数据的,layui能获取整个行的表格数据,怎样才能获取到单个里的表格数据呢?我翻烂了文档,也不知道该如何去获取,后来我想,既然是要获取到单个表格数据。我给它拼接一个单选框不久好了嘛,于是我就对表格进行了自定义列,开始给我要获取数据的单个表格拼接单选框按钮。
按钮拼接好之后,如何获取值呢?我把值附在input标签的value值上面,然后后台一输出,哈哈哈哈,还真获取到了。不过悲剧来了,当我测试其它数据值的时候发现那一列所有的值都是我开始赋的value值,它不会随着我单选按钮的变化而变化。于是卡在这问题许久,冥思苦想无果把问题放在博客上问大佬,一大佬说:拼接 单选框的时候加上值value属性这不是和我想的一样吗。然后我回复他说,我也是这样的,并且把我的代码给他看了。然后他说,这个价格不是你显示的价格,而是你查出来的价格啊。
顿时,我恍然大悟。我应该拼接我的价格字段啊,于是我又去试了一下。这次果然成功了,自己还是功夫不到家。
代码如下:
首先自定义表格列
然后我们拼接
因为我还拼接了票数,所以我在value值里还多拼接了票数的值。这次我拼接的是我查出数据的字段名,后台输出。终于能获取到一个表格里的数据了。