宝哥软件园

layui对弹出表单赋值的实现方法

编辑:宝哥软件园 来源:互联网 时间:2021-08-20

目的:点击编辑按钮,在弹出的子页面表单中实现数据回显。下图:

Html代码:

body div class=' layui-form ' lay-filter=' user admin ' id=' user admin ' div class=' layui-form-item ' Label class=' layui-form-Label ' username/Label div class=' layui-input-input type=' text ' name=' username ' lay-verify=' required ' id=' username ' placeholder='请输入用户名' autocomplete=' off ' class=' layui-input '/div/div其他遗漏./.

Open ({type: 2,title :' edit user ',content:' xx.html ',maxmin: true,area: ['500px ',' 450px'],btn3360 ['ok ',' cancel'],Yes : function (index,layero){省略.},success :函数(layero,index){//第一个方法实际上是div var div=layero.find ('iframe ')。目录()。找到获得的子页面的(# user admin);//div . html()div中的内容不包括当前div。//方法2 var body=layer。getchildframe ('body ',index);//body . html()body中的内容/*-只需查看附加内容。begin-*/var iframe window=window[' layui-layer-iframe ' index]//方法1:获取window对象var iframe window=window[layero . find('。//方法2:获取iframe page/*-的window对象,只看附加内容。end-*///test:body . find(' # username ')。val(' admin ');//方法一div。查找(' #用户名')。val(' admin ');//模式2 } });关于拉仪表单的数据获取,请参考拉仪示例:https://www.layui.com/demo/table/operate.html.

这里建议表单和表单的属性名要一致。当遍历和分配获取的数据时,只需要一个操作就可以避免写入多个div.find('# id ')。表单数据太多时使用val(“”)。

以上通过layui实现弹出表单表单赋值的方法,都是边肖分享的内容。希望能给大家一个参考,支持我们。

更多资讯
游戏推荐
更多+