Layui插件监听事件

Layui插件监听事件_第1张图片
1, 我们在写代码的时候我们需要用到插件,插件里面有各种快捷实现功能的代码,我们引用插件可以减少代码量,layui插件的监听事件。
2, 监听事件就是,点击上一层可以显示出下一层的数据,上面图片是一个例子,消费里面,有消费类型和消费类型明细,我们需要在点击消费类型后,显示出消费类型明细的信息,就是消费类型明细要监听到消费类型,不同的一个消费类型,有不同的消费类型明细,
Layui插件监听事件_第2张图片
3, 然后在消费类型明细里面我们也可以新增数据,在那个消费类型里面新增的消费类型明细数据,就比如:点心类型,里面就新增点心类的菜,上面图片就是消费类型明细的信息,我们可以在类型明细的页面里面写返回的Button,返回到上一个页面里面。
4, 监听事件里面一般都是,类型在前面,类型明细在后面。
5, 我们可以把他们放在同一个页面里面,点击类型后类型明细的数据就出来了,在没点击之前类型明细的数据是无数据的,就像多条件查询下拉框一样,为空。
6, 监听事件信息也可以实现页面跳转后,就是我们上面图片那样,不过页面跳转比较好,因为如果监听的两个信息同时在一个页面里面,会显得信息太挤。
Layui插件监听事件_第3张图片

7, 然后在代码里面因为是监听事件,我们需要在消费类型里面把基本的数据完成后,我们就要开始把类型明细跳转页面的视图路径给Button的点击事件,
8, 如果你是从别的项目里面复制代码过来的,记得要把表的ID改成你需要的,把路径改成你控制器所在的路径。
9, 我在这里经常发生错误,后来就发现是自己太过粗心大意,不是忘了改路径,就是忘记改ID,有时候点击事件也忘记改。其实错误就这几个,只要认真细心点,错误就少了。
Layui插件监听事件_第4张图片
10, 把页面跳转的Button写好后,我们需要把消费类型明细的页面搭建出来,我们需要用一个新的视图,在添加视图的时候,我们要把上一级的ID获取到,这样监听事件才能监听到上一级的数据,然后添加视图,在新的视图里面搭建新的页面。
11, 然后我们在新页面里面,记得要声明全局变量。
Layui插件监听事件_第5张图片
我们在删除消费类型的时候,要先把消费类型明细的信息全部删除,才能删除消费类型的信息。

你可能感兴趣的:(Layui插件监听事件)