Layui表格监听行单双击事件讲解
作者：李伙 发布时间：2024-04-19 10:45:00
在学MVC过程中，我们一般都是利用layui插件里的layui数据表格加载数据库中的数据，而layui表格里有许多的事件监听，比如监听行的单双击事件，可利用行的单双击事件实现很多我们想要的功能，比单击某条数据可以进行修改、删除操作，双击某条数据调出到其他表中，接下来就讲讲layui表格里的监听行的单双击事件。
如上图所示：因为这个数据表格用到了layui插件，因此在使用前要先引用layui插件里面的css文件以及js文件，然后在“$(function(){});”里面加载和初始化layui模块，否则会报错。page表示开启分页。limit表示指定每页显示的条数。limits表示每页条数的选择项，这里可以自己定义每页条数的选择项，初始化表格就看看监听行的单双击事件。
如上图所示：是layui表格监听行的单击事件，这里是监听刚刚初始化的表格。获取到点击选中的行数据，我这里是根据供应商ID回填form表单数据的，所以要获取供应商ID，用post请求把获取到供应商ID传递到控制器中，在控制器中根据供应商ID查询对应的数据后再回填到form表单中，“loadDatatoForm”是一个方法表示回填form表单数据，但回填不了下拉框数据，所以还需要另一个方法回填。监听行的单击事件可以实现很多功能的。
上图是监听行的单击事件的效果图，点击左边的某条数据就会回填右边的form表单，这就方便我们查看供应商的基本资料。监听行的单击事件就这样完成了。
如上图所示：是layui表格监听行的双击事件，这里也是监听刚刚初始化的表格。双击获取到点击选中的行数据，我这里也是根据供应商ID回填另一个form表单数据的，所以要获取供应商ID，用post请求把获取到供应商ID传递到控制器中，在控制器中根据供应商ID查询对应的数据后再回填到form表单中，“loadDatatoForm”是一个方法表示回填form表单数据，但回填不了下拉框数据，所以还需要另一个方法回填。这里监听行的双击事件跟单击事件一样，也是回填form表单，所以请求的控制器代码是一样的。监听行的单击事件可以实现很多功能的。看看效果图，
上图是监听行的双击事件的效果图，点击某条数据就会回填form表单的数据，这里是只需要回填供应商名称和供应商编号的，然后关闭模态框。监听行的双击事件就完成了。
来源：https://blog.csdn.net/weixin_44540471/article/details/97513304
0
投稿猜你喜欢
- cmp()方法返回两个数的差的符号： -1 如果 x < y, 0 如果 x == y, 或者 1 如果 x > y
- Python反转二维数组的行和列代码如下：import numpy as nparr=np.arange(12).reshape(4,3)p
使用python实现文件导入，具体方法如下：文件样例可以自己random这里的temp1根据每一行的分隔符来读入，‘\n'表述回车t- enumerate首先介绍的是enumerate函数。在我们日常编程的过程当中，经常会遇到一个问题。在C语言以及一些古老的语言当中是没有迭代
- 今天发现有一个程序插入的时间不对，而该字段是配置的默认值 CURRENT_TIMESTAMP，初步判断是数据库的时区设置问题。查看时区登录数
- 记录训练过程中的每一步的loss变化 if verbose and step ％ verbose == 0: sys.stdout.writ
- code如下： /*! *author:sohighthesky *blog:http://www.cnblogs.com/sohighth
- 树图主要用来可视化树形数据结构，是一种特殊的层次类型。实现方法，将series->type设置为tree。Echarts的树形图表，可
- 本文实例讲述了Python实现在tkinter中使用matplotlib绘制图形的方法。分享给大家供大家参考，具体如下：一. 代码：# co
- 大家平时见到google的广告太多了，但有没有兴趣知道一下它的运行过程呢？下面我们一起来看看这个广告代码的执行过程，以及其中的一些精彩内容。
- 什么是Firebug从事了数年的Web开发工作，越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码；要编写精致的CSS样式表
- PyQt5中QInputDialog的使用，Qt的QInputDialog类提供了一种简单方面的对话框来获得用户的单个输入信息，它提供了4种
- 前言requests是Python发送接口请求非常好用的一个三方库，由K神编写，简单，方便上手快。但是requests发送请求是串行的，即阻
- mysql设置某字段不能重复alter table novel.novelsort add unique(name);novel是数据库 n
- 这篇文章主要介绍的是关于JS的命名规范、注释规范以及框架开发的一些问题，首先来看看目录。目录1. 命名规范：介绍变量、函数、常量、构造函数、
- 最近利用tkinter+python+pyinstaller实现了小工具的项目，在此记录下pyinstaller相关参数以及爬过的坑。一、p
- 前言Hello！大家好，有好几天没有跟大家见面咯~不知道大家是否在等待《小玩意儿》专栏的更新呢上一篇的文章【老师见打系列】：我只是写了一个自
- 本文转自微信公众号："算法与编程之美"一、前言三步搭建MUI页面主框架法包括新建含mui的HTML文件、输入mheade
- 为音视频自动生成字幕的 python 工具autosub 是一个能自动为音视频生成字幕的 python 包，以下为其简介和使用说明。auto
- 工欲善其事必先利其器，一个好的工具能让起到事半功倍的效果，Python社区提供了足够多的优秀工具来帮助开发者更方便的实现某些想法，下面这几个
