layui怎么弹出form


本文摘自PHP中文网,作者藏色散人,侵删。

layui弹出form的方法:首先引用layui.css和layui.all.css文件;然后创建点击删除按钮弹出提示框并放一个添加按钮;最后创建点击添加按钮弹出form表单填写信息即可。

本教程操作环境:windows10、layui2.5.6,本文适用于所有品牌的电脑。

推荐:《layUI教程》

用layui前端框架弹出form表单以及提交

第一步:引用两个文件

第二步:点击删除按钮弹出提示框

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

/*删除开始*/$(".del").click(function () {var id = $(this).attr("id");

layer.alert('您确定要删除操作吗?', {

skin: 'layui-layer-molv' //样式类名 自定义样式, closeBtn: 1 // 是否显示关闭按钮, anim: 1 //动画类型, btn: ['确定', '取消'] //按钮, icon: 6 // icon, yes: function () {//layer.msg('确定')$.ajax({

type: "POST",

url: "@Url.Action("Delete", "UserInfo")",

data: { id: id },

success: function (Data) {if (Data == "ok") {

location.reload();

}else {

layer.msg('删除失败')

}

},

error: function () {

alert("出现错误");return false;

}

}) //ajax结束}

, btn2: function () {

layer.msg('取消')

}

});

})/*删除结束*/

第三步:放一个添加按钮

阅读剩余部分

相关阅读 >>

如何解决layui时间控件闪退问题

layui框架是什么

layui框架是免费的吗

layui怎么弹出form

layui时间控件清空之后无法正常使用的问题

使用layui怎么下载文件

layui前端遇到的难点集合(附代码)

layui和easyui的区别是什么?

layui怎么引用

layui表格动态显示变换

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...