一. 监听有什么作用!
- 对应一个监听大家应该都很熟悉吧!此时我就要总结一下监听,因为这段时间我就用到
一个监听比较多了! - 在下面的图1里面就是要需要用到一个layui里面的监听的功能才可以完成的一个小功
能,如图1只需要我点击一下左边的一个表格哪一行我就可以获取到哪一行的具体的数
据了,如1的右边就是一个靠着监听而重载出来的一个表格的了!
图1
二. 查询出具体的ID
- 想要靠点击就可以查询出另外一个表的包含着其他的信息的话,还得要进行一个查询才
可以! - 在图2里面我们在控制器那边就做出了一个查询,并且还得把主键的ID查询了出来才
可以,为什么我要查询出来呢?原因就是等一下我们做出监听的话,还得要获取到他的
主键才可以进行到数据库里面的查询出里面的具体明细数据!
图2
三. 监听
- 在图3里面就是一个监听表格的样式图了!layuiTable这个就是layui的一个表格插件来的!
- On这个就是一个监听的意思,row这个就是一个监听行的意思,而里面的tabNoticeType
Detail这个就是表格上面的ID来的了! - 而标注选中的样式的下面就是但鼠标移近这一行的时候就会产生一个样式的作用的了,而里面
siblings()方法返回被选元素的所有同胞元素,这个的就是获取其他的行,去掉其中的值而用
的! - Obj这个就是关键字了,obj就是监听表格里面的每一个值而得出的值了我们还可以通过obj再
给出一个点,再给出一个值就可以的了,比如obj.data.NoticeTypeID这个就是我们刚才经过
通过查询出来的值了,通过给到这个表格里面就可以,同时也要记得要把其隐藏! - 单击选中单选框这个的下面的一串代码就是一个通过点击行,就可以在一个radio里面选中当
前的值作用的了!
图3
6. 在图3里面就是一个 noticeTypeId这个就是获取obj里面的值了!
7. 获取到了我们就可以通过reload这个重载的关键字就可以表单的重载的作用的了,并且
我们可以通过一个where这个值来进行一个值的传输的了,在里面的url这个就是在空
制器里的方法路径的了,而page里面的curr这个就是重定向的意思的了!
8. 在上面的监听里面我们就可以通过点击一个行,并且通过obj来获取其中的一个值,再通
过where这个值来把获取到的值传输到控制器那边的作用了!
总结:
通过上面我学习到了一个表格里面的数据值了,并且还可以通过where来传输过去,这样的办法不止让我可以学习到了一个layui的监听的能力,还可以学会了如何通过监听的功能来判断点击表格的值了,同时通过上面的总结也希望可以帮助到你!