在layer弹出层中通过ajax返回html拼接字符串填充数据的方法
程序员文章站
2022-09-06 13:38:20
1,在给一个layer弹出层做checkbox自动选中时,viewbag传递的时object类型,用不了lambda表达式,代码如下,
@foreach (va...
1,在给一个layer弹出层做checkbox自动选中时,viewbag传递的时object类型,用不了lambda表达式,代码如下,
@foreach (var perm in viewbag.allperms) { <input type="checkbox" id="permissionids_@perm.id" name="permissionids" value="@perm.id" checked="@(viewbag.roleperms.select(r=>r.id).contains(perm.id))"/> <label for="permissionids_@perm.id">@perm.name</label> }
2,于是在弹出层就不写foreach循环遍历checkbox,直接在点击编辑事件时的弹出层中 ‘添加层弹出后的成功回调方法success' ,在里面通过ajax填充数据
control中edit方法获取数据
//填充角色数据并显示 public actionresult edit(long roleid = 0) { if (roleid == 0) { return json(new jsondata { state = 0, errormsg = "角色不存在!" }); } var role = roleservice.getbyid(roleid); if (role==null) { return json(new jsondata { state = 0, errormsg = "角色id不存在!" }); } var allperms = permissionservice.getall(); var roleperms = permissionservice.getbyroleid(roleid); roleeditgetmodel model = new roleeditgetmodel(); model.roleperms = roleperms; model.allperms = allperms; return json(new jsondata { state = 1, data = model }); }
view中layer弹出层success方法
success: function (layero, index) { //填充数据 $.ajax({ url: "/role/edit?roleid=" + id, type: "post", datatype: "json", success: function (res) { if (res.state == 1) { var html = ""; var bool = false; for (var i = 0; i < res.data.allperms.length; i++) { bool = false; for (var j = 0; j < res.data.roleperms.length; j++) { if (res.data.roleperms[j].id == res.data.allperms[i].id) { bool = true; break; } } html += ' <input ' + (bool ? "checked" : "") + ' type="checkbox" id="permissionids_' + res.data.allperms[i].id + '" name="permissionids" value="' + res.data.allperms[i].id + '" /> <label for="permissionids_' + res.data.allperms[i].id + '">' + res.data.allperms[i].name + '</label>' } $("#formvalue").html(html); } }, error: function () { layer.alert('网络请求失败!', { title: '提示框', icon: 0, }); } }); },
总结
以上所述是小编给大家介绍的在layer弹出层中通过ajax返回html拼接字符串填充数据,希望对大家有所帮助