点击编辑按钮实现数据回显到弹出子页面表单内。如下图:
<强> Html代码:
& lt; body>
& lt; div类=" layui-form " lay-filter=" useradmin " id=皍seradmin”比;
& lt; div类=發ayui-form-item”比;
& lt;标签类=" layui-form-label "在用,,户,,名& lt;/label>
& lt; div类=發ayui-input-inline”比;
& lt;输入类型="文本" name="用户名" lay-verify="需要" id="用户名"占位符=扒胧淙胗没白远瓿?肮乇铡眂lass=發ayui-input”比;
& lt;/div>
& lt;/div>
其它省略……
& lt;/div>
& lt;/body>
<强> Js代码:
layer.open ({
类型:2
标题:“编辑用户的
,内容:“xx.html”
最大最小:真正的
,面积:500 px,“450 px”)
btn:['确定”、“取消”)
是的:函数(指数、layero) {
省略……
}
成功:函数(layero指数){//方式一其实就是获取的子页面的div
var div=layero.find (iframe) .contents (); (“# useradmin”);//div.html () div里面的内容,不包含当前这个div//方式二
var=层。getChildFrame(“身体”,指数);//body.html()的身体里面的内容/* - - - - -附加内容看看就好开始- - - - - */var iframeWindow=窗口[' layui-layer-iframe ' +指数]//方式一:得到iframe页的窗口对象
var iframeWindow=窗口[layero.find (iframe)[0]['名字']];//方式二:得到iframe页的窗口对象/* - - - - -附加内容看看就好- - - - - */结束//测试:
body.find .val(“#用户名”)(“admin”);//方式一
div.find .val(“#用户名”)(“admin”);//方式二
}
});
layui表单数据获取:可参考layui实例:https://www.layui.com/demo/table/operate.html。
这里建议表形式单属性名和表格的属性名最好一致,获取的数据遍历赋值时,只需一遍操作,避免当表单数据过多时,需要写多个div.find (“# id”)。
瓦尔(" ");
以上这篇layui对弹窗形式表单赋值的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
