hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 后端开发 - 正文 看Cosplay古风插画小姐姐,合集图集打包下载:炫龙网 · 炫龙图库

用layui前端框架弹出form表单以及提交的要领_WEB前端开发

2019-12-05后端开发ki4网21°c
A+ A-

第一步:援用两个文件

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

/*删除入手下手*/
$(".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('作废')
}
});
})
/*删除完毕*/

第三步:放一个增加按钮

<div class="layui-form">
<a onclick="func7();" class="layui-btn layui-inline fl w130">增加</a>
<table class="layui-table" style="text-align:center">
<tr>
<th>ID</th>
<th>姓名</th>
<th>性别</th>
<th>岁数</th>
<th>住址</th>
<th>电话</th>
<th colspan="3">操纵</th>
</tr>@foreach (var item in ViewData["UserList"] as List<UserInfo>)
{<tr>
<td>@item.uID</td>
<td>@item.uName</td>
<td>@item.uSex</td>
<td>@item.uAge</td>
<td>@item.uAdress</td>
<td>@item.uPhone</td>
<td><a id="@item.uID" class="del" style="color:blue">删除</a></td>
<td><a href="@Url.Action("Edit", "UserInfo")" ?id="@item.uID" style="color:blue">编辑</a></td>
<td><a id="@item.uID" class="xq" style="color:blue">概况</a></td>
</tr>}</table>
</div>

第四步:点击增加按钮弹出form表单填写信息

function func7() {
//页面层
layer.open({
type: 1,
skin: 'layui-layer-rim', //加上边框
area: ['350px', '360px'], //宽高

content: "@Url.Action("AddUser", "UserInfo")"  //调到新增页面
});
}

注重:content的值就是要展现的表单信息或某个页面url,假如要对某个值非空考证就加 lay-verify="required"属性。假如是手机号那 lay-verify="phone" ,数字lay-verify="number" 等。

更多layui学问请关注layui运用教程栏目。

以上就是用layui前端框架弹出form表单以及提交的要领的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
用layui前端框架弹出form表单以及提交的要领_WEB前端开发

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>