在layer弹出层中如何通过ajax返回html拼接字符串填充数据
这篇文章给大家分享的是有关在layer弹出层中如何通过ajax返回html拼接字符串填充数据的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
创新互联是一家专注于网站设计制作、网站设计和BGP机房服务器托管的网络公司,有着丰富的建站经验和案例。
1,在给一个layer弹出层做checkbox自动选中时,ViewBag传递的时object类型,用不了lambda表达式,代码如下,
@foreach (var perm in ViewBag.allPerms) { r.Id).Contains(perm.Id))"/> }
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 += ' ' } $("#formValue").html(html); } }, error: function () { layer.alert('网络请求失败!', { title: '提示框', icon: 0, }); } }); },
感谢各位的阅读!关于“在layer弹出层中如何通过ajax返回html拼接字符串填充数据”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
网站栏目:在layer弹出层中如何通过ajax返回html拼接字符串填充数据
当前路径:http://scyanting.com/article/psgihd.html