layui下拉框回显,修改页面自动渲染,涉及到文件读取以及线程问题
// 获取需求类型,这个方法必须要写在最上面不然代码执行顺序不对
function getType() {
var typeHtml = '';
$.ajax({
url: pUrl + 'back_adminRole.do',
type: 'post',
async: false,
data: {
page: 1,
pageSize: 500,
},
dataType: 'json',
success: function (res) {
var typeList = res.result.list;
typeHtml += '<option value="">请选择管理员角色</option>'
for (var i = 0; i < typeList.length; i++) {
typeHtml += '<option value="' + typeList[i].id + '">' + typeList[i].name + '</option>';
}
$form.find('#type').html(typeHtml);
form.render();
// form.on('select(areas)', function(data) {
// var value = data.value;
// console.log(value)
// });
},
error: function (e) {
layer.msg('连接超时,请稍后再试');
}
});
}
getType()//获取管理员类型
$("#id").val(sessionStorage.getItem('rebateId'));
$("#username").val(sessionStorage.getItem('username'));
// $("#password").val(sessionStorage.getItem('password'));
let type = sessionStorage.getItem('type')
$("#type").val(type);
form.render();
正常情况下数据回显需要调用接口
layui提供:表单初始化赋值 链接:https://www.layui.com/doc/modules/form.html#val
一般用在列表的修改例如:
代码如下:
// formTest 就是 class=“layui-form” 所在元素对应的 lay-filter="" 对应的值 代码如下:
form.val(“formTest”, {
“username”: “名字” // “name”: “value”
,“sex”: “女”
,“auth”: 3
,“check[write]”: true
,“open”: false
,“desc”: “我爱layui”
})
根据ID请求后台数据,在成功回调里面执行,代码如下:
form.val()里面的key:就是大家表单元素的name
比如:第一个event,就是你的页面上的input,代码如下: