您好,登錄后才能下訂單哦!
這篇文章主要介紹了使用layui框架彈出form表單以及提交的方法,具有一定借鑒價(jià)值,需要的朋友可以參考下。如下資料是關(guān)于使用layui框架彈出form表單以及提交方法的詳細(xì)步驟內(nèi)容。
第一步:引用兩個(gè)文件
第二步:點(diǎn)擊刪除按鈕彈出提示框
/*刪除開始*/ $(".del").click(function () { var id = $(this).attr("id"); layer.alert('您確定要?jiǎng)h除操作嗎?', { skin: 'layui-layer-molv' //樣式類名 自定義樣式 , closeBtn: 1 // 是否顯示關(guān)閉按鈕 , anim: 1 //動(dòng)畫類型 , 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("出現(xiàn)錯(cuò)誤"); return false; } }) //ajax結(jié)束 } , btn2: function () { layer.msg('取消') } }); }) /*刪除結(jié)束*/
第三步:放一個(gè)添加按鈕
<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>
第四步:點(diǎn)擊添加按鈕彈出form表單填寫信息
function func7() { //頁面層 layer.open({ type: 1, skin: 'layui-layer-rim', //加上邊框 area: ['350px', '360px'], //寬高 content: "@Url.Action("AddUser", "UserInfo")" //調(diào)到新增頁面 }); }
注意:content的值就是要展示的表單信息或某個(gè)頁面url,如果要對(duì)某個(gè)值非空驗(yàn)證就加 lay-verify="required"屬性。如果是手機(jī)號(hào)那 lay-verify="phone" ,數(shù)字lay-verify="number" 等。
關(guān)于使用layui框架彈出form表單以及提交的方法就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的參考價(jià)值,可以學(xué)以致用。如果喜歡本篇文章,不妨把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。