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拼接字符串填充數據，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
圖片精選
