码迷,mamicode.com
首页 > Web开发 > 详细

使用layui+jQuery实现点击删除单行数据

时间:2019-07-27 12:27:56      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:font   点击   自带   红色   img   文件   inf   注意   技术   

使用layui+jQuery实现点击删除单行数据

首先要用到layui的官网手册

地址:https://www.layui.com/

注意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的删除基本到这儿就结束了。

 

新萌分享知识,做的不是很好,大家将就的看看把~~~

使用layui+jQuery实现点击删除单行数据

标签:font   点击   自带   红色   img   文件   inf   注意   技术   

原文地址:https://www.cnblogs.com/glwuzhang/p/11254388.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!