layui怎么弹出form


当前第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() {//页面层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怎么弹出form的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

layui是什么

layui怎么用open属性隐藏按钮

layui时间控件选择时间

layui table固定列也能监听滚动的方法介绍

layui的select框不出来怎么办

layui模板引擎如何使用

layui 怎么引用

layui.layer独立组件详解

如何解决layui表单提交俩次

layui前端遇到的难点集合(附代码)

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...