当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <p 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>
</p>
|

第四步:点击添加按钮弹出form表单填写信息
1 2 3 4 | function func7() {
type: 1,
skin: 'layui-layer-rim' ,
}
|

注意:content的值就是要展示的表单信息或某个页面url,如果要对某个值非空验证就加 lay-verify="required"属性。如果是手机号那 lay-verify="phone" ,数字lay-verify="number" 等。
需要数字分页帮助类的留言分享。

以上就是layui怎么弹出form的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
layui是什么
layui怎么用open属性隐藏按钮
layui时间控件选择时间
让layui table固定列也能监听滚动的方法介绍
layui的select框不出来怎么办
layui模板引擎如何使用
layui 怎么引用
layui.layer独立组件详解
如何解决layui表单提交俩次
layui前端遇到的难点集合(附代码)
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui怎么弹出form