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 input只读属性是什么

layui如何实现表格单元格合并

layui 怎么引用

layui算前端框架吗

layui和bootstrap区别

为什么我的layui进度条渲染不出来

layui项目中使用函数layui.define的方法介绍

layui事件监听使用

layui弹窗怎么用

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




打赏

取消

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

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

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

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

评论

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