layui 弹出删除确认界面的实例
列表HTML:data-id="{$ls['sid']}" 和class=" del"
<td> <a href="{:U('Single/single',['sid'=>$ls['sid']])}" rel="external nofollow" class="layui-btn layui-btn-mini"> 编辑 </a> <a href="javascript:;" rel="external nofollow" data-id="{$ls['sid']}" data-opt="del" class="layui-btn layui-btn-danger layui-btn-mini del"> 删除 </a> </td>
js:
<script type="text/javascript"> layui.use('layer', function(){ var $ = layui.jquery; // 删除操作 $('a.del').click(function() { var sid = $(this).data('id');// 获取点击项的id layer.confirm("确认要删除吗,删除后不能恢复", { title: "删除确认" }, function (index) { $.post("{:U('Admin/Single/del')}", { sid: sid }, function (data) { var num = data.code==200 ? 1 : 2; layer.msg(data.msg,{icon:num,shade:0.3,offset: '40%',time:2000}); //layer.close(index); //如果设定了yes回调,需进行手工关闭 setTimeout(function(){ //刷新 location.reload(); },1000); }); }); }) }) </script>
以上这篇layui 弹出删除确认界面的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
layui 优化button按钮和弹出框的方法
正常下的layui在3个button按钮 压缩之后 代码为 <button data-id="{$activity.activity_id}" style="background-color:#297911;" class="layui-btn layui-btn-small layui-btn-danger edit_store">修改门店</button> <button data-id="{$acti
-
layer实现关闭弹出层刷新父界面功能详解
本文实例讲述了layer实现关闭弹出层刷新父界面功能.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 最近一个项目采用的是hui前端框架,他的弹出层就是用的layer插件,对于弹出层,有一个操作体验大家都知道,就是关闭弹出层,需要刷新父页面.开始写的时候,我陷入了自己的误区,在弹出层处理成功之后,我调用的是: var index = parent.layer.getF
-
详解Layer弹出层样式
前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的). layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 具体请
-
layer弹出层全屏及关闭方法
一.首先引用JS文件 <script src="../../js/common/layer/layer.js"></script> 二.全屏调用以下代码 var index = layer.open({ type: 2, content: url, area: ['300px', '195px'], title: false, maxmin: true, closeBtn: 0 }); layer.full(index); 三.关闭弹出层 var index =
-
layui 弹出删除确认界面的实例
列表HTML:data-id="{$ls['sid']}" 和class=" del" <td> <a href="{:U('Single/single',['sid'=>$ls['sid']])}" rel="external nofollow" class="layui-btn layui-btn-mini"> 编辑 </a> <a href="
-
Android软键盘弹出时的界面控制方法
本文实例讲述了Android软键盘弹出时的界面控制方法.分享给大家供大家参考,具体如下: 有时候androidactivity弹出软键盘后布局改变 下面有三种模式可以改变软键盘弹出以后的显示形式 模式一:压缩模式软键盘弹出以后,会压缩原先的大小 我们可以在AndroidManifet.xml中对Activity进行设置.如: android:windowSoftInputMode="stateUnchanged|adjustResize" 模式二:平移模式 软键盘弹出以后,不会压缩原先
-
layui弹出层效果实现代码
本文实例为大家分享了layui弹出层的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>弹出层</title> <link rel="stylesheet" href="layui/css/layui.css" media="all"> &
-
Android 自定义弹出菜单和对话框功能实例代码
Android 开发当中,可能会存在许多自定义布局的需求,比如自定义弹出菜单(popupWindow),以及自定义对话框(Dialog). 话不多说,直接上图片. 先讲第一种,自定义PopUpWindow 1.popupWindow protected void showPopWindow(View view, final int pos){ WindowManager wm= (WindowManager) myContext.getSystemService(Context.WINDOW_S
-
layui弹出框Tab选项卡的示例代码
最近做一个项目,使用LAYUI,在界面上Z弹出一个界面A,A上有TAB选项卡,分别为界面B.C:B界面上有一个列表,双击败列表行时,要把数据回写到界面Z; 界面A上有提交按钮,选中B界面上列表某一条数据,界面A上点提交时,同样回写数据到Z: 实现:双击:B上实现双击方法,调用A上界面方法,再调用Z界面上方法: B界面上方法: function dbclick_select(row,index){ debugger; if(row == null){ var nodes=$("#TableSele
-
关于layui 弹出层一闪而过就消失的解决方法
听说是因为 JQuery 的版本冲突问题,在找到具体问题之前,先在代码里加一个 return false 解决问题: <button class="layui-btn" lay-submit lay-filter="test" οnclick="return false;">立即提交</button> js: //监听提交 form.on('submit(test)', function(data) { console.l
-
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
简单写了写,可根据指定参数Deadline格式的时间进行测试,如存在些不严谨的地方还请指出. // 设置cookie在当天指定时间点过期并提示 function setCookie(name,value,Deadline,callback){ // 获取当前日期对象 var curDate = new Date(); // 获取当前日期对应的时间戳 var curTime = curDate.getTime(); // 获取指定时间的时间戳 var endTime = convertTime(c
-
使用JavaScript实现弹出层效果的简单实例
声明 阅读本文需要有一定的HTML.CSS和JavaScript基础 设计 实现弹出层效果的思路非常简单:将待显示的内容先隐藏,在触发某种条件后(如点击按钮),将原本隐藏的内容显示出来. 实现 <!DOCTYPE html> <html> <head> <title>Window对象</title> <meta charset="utf-8"> </head> <body> <a hr
-
jQuery中ztree 点击文本框弹出下拉框的实例代码
废话不多说了,具体代码如下所示: <link rel="stylesheet" href="${ctx}/res/js/ztree/css/demo.css" type="text/css"/> <link rel="stylesheet" href="${ctx}/res/js/ztree/css/zTreeStyle/zTreeStyle.css" type="text/cs
-
Android 软键盘弹出隐藏挤压界面等各种问题小结
Android中软键盘的使用是非常多的,下面为软键盘常用的设置: 1.横屏时,点击输入框出现全键盘解决方案: 在EditText.searchview等控件中加 android:imeOptions="flagNoExtractUi" 2.竖屏时,安卓会出现半屏. case1:你的输入框处于中下的位置,这样的话,键盘可能挡住输入框. 解决方法:在manifest中对activity设置 android:windowSoftInputMode="adjustResize&quo
随机推荐
- Lua中的迭代器和泛型for学习总结
- 学习Javascript面向对象编程之封装
- Nginx出现The plain HTTP request was sent to HTTPS port问题解决方法
- MVC+jQuery.Ajax异步实现增删改查和分页
- namespace.js Javascript的命名空间库
- JavaScript使用prototype定义对象类型(转)[
- 全面解析Python的While循环语句的使用方法
- C# IsDefined的问题
- Android实现底部弹出PopupWindow背景逐渐变暗效果
- 海量数据库的查询优化及分页算法方案
- jQuery编程中的一些核心方法简介
- 当前流行的JavaScript代码风格指南
- JavaScript实现Iterator模式实例分析
- 微信小程序 Toast自定义实例详解
- 微信开发协议小结
- Js如何判断客户端是PC还是手持设备简单分析
- php中文字符截取防乱码
- 提高IIS服务器的执行效率
- Vue官方文档梳理之全局配置
- 详解linux lcd驱动编写