使用layui+jQuery实现点击删除单行数据
2024-09-01 17:34:37
使用layui+jQuery实现点击删除单行数据
首先要用到layui的官网手册
注意1. 此功能是在使用layui展示数据的基础上实现
3. 数据展示步骤连接:https://www.cnblogs.com/glwuzhang/p/11252987.html
2. 记得引用文件
1.进入手册页面的 ”示例“
2.在示例中找到 “数据表格” -> “数据操作” -> "查看代码" 。这就是layui内置的数据操作代码,分别复制红框,绿框,紫色框的代码到你的页面。
3.将红色框的代码复制,在数据展示列后追加一行 如下图。
将绿色框的代码复制到 html->body 中,不要放在js代码中,如下图。一个标签代表一个按钮,多余的删除即可。
将紫色框的代码放置到 js代码 layui.use 中任意位置 ,如下图。
我只做了删除所以把多余的代码都删了。
4.在监听工具条中,自带声明了一个 data ,这个data中是包含了点击当前行的所有数据。
所以我们可以使用jQuery的ajax发送data中需要的值,实现删除。
做完判断,和相应的弹框提示,layui的删除基本到这儿就结束了。
新萌分享知识,做的不是很好,大家将就的看看把~~~
最新文章
- IE兼容方法
- 安卓界面篇(一) 自定义一个topbar
- Android 编程下Touch 事件的分发和消费机制
- HTML浅学入门---基础知识 (1)<;基本规则>;
- 从SVN导出指定版本号之间修改的文件(转)
- zedboard 驱动理解
- NFC(9)NDEF文本格式规范及读写示例(解析与封装ndef 文本)
- Bzoj 1901: Zju2112 Dynamic Rankings 主席树,可持久,树状数组,离散化
- Nginx 在安装入门
- WebGIS中使用ZRender实现前端动态播放轨迹特效的方案
- 安装LR11 时,安装Microsoft Visual c++2005 sp1运行时组件,就会提示命令行选项语法错误,键入“命令/?”可获取帮肋信息
- bzoj4044 [Cerc2014] Virus synthesis
- Python开发虚拟环境使用virtualenvwrapper的搭建及pycharm链接步骤
- Linux中shell和子shell一点点理解
- IP2——IP地址和子网划分学习笔记之《子网掩码详解》
- 获取EasyUI的treegrid的checkbox所有已勾选的数据
- 【Redis学习之五】Redis数据类型:列表和散列
- Spring AOP+Log4j记录项目日志
- Java中的国际化
- shell入门(二)——面试题实例