亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術(shù)文章
文章詳情頁

在layer彈出層中通過ajax返回html拼接字符串填充數(shù)據(jù)的方法

瀏覽:134日期:2022-06-11 10:58:23

1,在給一個layer彈出層做checkbox自動選中時,ViewBag傳遞的時object類型,用不了lambda表達式,代碼如下,

 @foreach (var perm in ViewBag.allPerms)
 {
  <input type="checkbox" id="[email protected]" 
   name="PermissionIds" value="@perm.Id" 
 checked="@(ViewBag.RolePerms.Select(r=>r.Id).Contains(perm.Id))"/>
   <label for="[email protected]">@perm.Name</label>
 }

2,于是在彈出層就不寫foreach循環(huán)遍歷checkbox,直接在點擊編輯事件時的彈出層中 ‘添加層彈出后的成功回調(diào)方法success" ,在里面通過ajax填充數(shù)據(jù)

Control中Edit方法獲取數(shù)據(jù)

 //填充角色數(shù)據(jù)并顯示
 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) {
     //填充數(shù)據(jù)
     $.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("網(wǎng)絡(luò)請求失敗!", {
title: "提示框",
icon: 0,
       });
      }
     });
    },

總結(jié)

以上所述是小編給大家介紹的在layer彈出層中通過ajax返回html拼接字符串填充數(shù)據(jù),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對網(wǎng)站的支持!

標簽: Ajax
相關(guān)文章:
主站蜘蛛池模板: 欧美一区二区三区不卡视频 | 欧美高清在线精品一区二区不卡 | 在线亚洲精品 | 91精品国产露脸在线观看 | 日韩精品片| 国产成人精品日本亚洲语音1 | 亚洲欧美日韩综合 | 亚洲深夜视频 | 日韩黄色在线观看 | 国产呦系列 欧美呦 日韩呦 | 亚洲日本在线观看视频 | 欧美一级毛片高清免费观看 | 婷婷丁香五月中文字幕 | 成人精品福利 | 免费成年人视频 | 成人欧美日韩高清不卡 | 播播网手机在线播放 | 欧美精品一区二区三区免费 | 国产女人成人精品视频 | 国产曰批视频免费观看完 | 国产日韩欧美亚洲 | 中文字幕一区二区三区在线不卡 | 免看黄 | 亚洲码在线中文在线观看 | 六度国产福利午夜视频黄瓜视频 | 国产情趣酒店鸳鸯浴在线观看 | 鲁大师在线观看在线播放 | 成年大片免费高清在线观看 | 国产精品一级视频 | 亚洲欧美国产日产综合不卡 | 黄色录相一级片 | 久久综合色之久久综合 | 国产精品搭讪系列在线观看 | 日韩成人性视频 | 国产成人精品微拍视频 | 免费黄色片网址 | 狠狠色香婷婷久久亚洲精品 | 国产久热香蕉在线观看 | 国产精品亚洲欧美云霸高清 | 中国黄色免费网站 | 九九九色视频在线观看免费 |