您好,登錄后才能下訂單哦!
小編給大家分享一下如何使用layui前端框架彈出form表單以及提交,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
第一步: 引用兩個(gè)文件
第二步: 點(diǎn)擊刪除按鈕彈出提示框
/*刪除開始*/ $(".del").click(function () { var id = $(this).attr("id"); layer.alert('您確定要刪除操作嗎?', { skin: 'layui-layer-molv' //樣式類名 自定義樣式 , closeBtn: 1 // 是否顯示關(guān)閉按鈕 , 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("出現(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" > <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" >刪除</a></td> <td><a href="@Url.Action(" rel="external nofollow" Edit", "UserInfo")" ?id="@item.uID" >編輯</a></td> <td><a id="@item.uID" class="xq" >詳情</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,如果要對某個(gè)值非空驗(yàn)證就加 lay-verify="required"屬性。如果是手機(jī)號那 lay-verify="phone" ,數(shù)字lay-verify="number" 等。
需要數(shù)字分頁幫助類的留言分享。
以上是“如何使用layui前端框架彈出form表單以及提交”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。