Bootstrap Table 使用教程进阶篇 之 多表详细视图

  • A+
所属分类:Bootstrap Table

Bootstrap Table 使用教程进阶篇 之 多表详细视图

Html

  1. <table data-toggle="table"   
  2.     data-detail-view="true"   
  3.     data-detail-formatter="detailFormatter">  
  4.  </table>  

Ajax

  1. function detailFormatter(index, row) {  
  2.   $.ajax({  
  3.    type: "POST",  
  4.    url: "/WTD_BENE/zn",  
  5.    data: "sfz=" + row.SFZNUM,  
  6.    success: function (data) {  
  7.    var dataobj = eval("(" + data + ")");  
  8.    sessionStorage.data1 = data;  
  9.    sessionStorage.length1 = dataobj.length;  
  10.  }  
  11.  });  
  12.   var html = [];  
  13.   var length1 = sessionStorage.length1  
  14.   for (var i = 0; i < length1; i++) {  
  15.   var data = sessionStorage.data1;  
  16.   var dataobj = eval("(" + data + ")");  
  17.   html.push('<p><b>子女姓名:</b> ' + dataobj[i].ZNMZ_ZN_NAME + '</p>');  
  18. }  
  19.   return html.join('');  
  20. }  

Controller

  1. public JsonResult zn() {  
  2.    string sfz = Request.Params["sfz"];  
  3.    var zn = sql.ZNMZ_INSURANCE.Where(a => a.ZNMZ_TBR_SFZ == sfz).ToList();  
  4.    JavaScriptSerializer jss = new JavaScriptSerializer();  
  5.    string js = jss.Serialize(zn);  
  6.    return Json(js, JsonRequestBehavior.AllowGet);  
  7.  }  
钰玺

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: