Heim  >  Artikel  >  Web-Frontend  >  So öffnen Sie das Formular und senden es mithilfe des Laui-Frontend-Frameworks

So öffnen Sie das Formular und senden es mithilfe des Laui-Frontend-Frameworks

尚
nach vorne
2019-12-04 16:55:215741Durchsuche

So öffnen Sie das Formular und senden es mithilfe des Laui-Frontend-Frameworks

Schritt 1: Referenzieren Sie zwei Dateien

So öffnen Sie das Formular und senden es mithilfe des Laui-Frontend-Frameworks

Schritt 2: Klicken Sie auf die Schaltfläche „Löschen“, um ein Eingabeaufforderungsfeld aufzurufen

/*删除开始*/
$(".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('取消')
}
});
})
/*删除结束*/

So öffnen Sie das Formular und senden es mithilfe des Laui-Frontend-Frameworks

Schritt 3: Platzieren Sie eine Schaltfläche „Hinzufügen“

<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>

So öffnen Sie das Formular und senden es mithilfe des Laui-Frontend-FrameworksSchritt 4: Klicken Sie auf die Schaltfläche „Hinzufügen“, um das Formular zum Ausfüllen der Informationen zu öffnen

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

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

So öffnen Sie das Formular und senden es mithilfe des Laui-Frontend-Frameworks

Hinweis: Der Wert des Inhalts ist die anzuzeigende Formularinformation oder eine bestimmte Seiten-URL. Wenn Sie überprüfen möchten, dass ein bestimmter Wert nicht leer ist, fügen Sie „lay-verify=“ hinzu „erforderliches“ Attribut. Wenn es sich um eine Mobiltelefonnummer handelt, dann ist „lay-verify="phone", eine Nummer „lay-verify="number" usw.

Weitere Informationen zu Laui finden Sie in der Spalte Tutorial zur Verwendung von Laui.

Das obige ist der detaillierte Inhalt vonSo öffnen Sie das Formular und senden es mithilfe des Laui-Frontend-Frameworks. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen