bootstrap 父子表格,子表格ajax异步加载detailView

//初始化子表格(无线循环)
initTable.InitSubTable = function(index, row, $detail) {
//var parentid = row.disIsbn;
$detail.html('<table></table>').find('table');
var html = "";
//
html += "<table class='table'>";
html += "<thead>";
html += "<tr>";
html += "<th>站点ID</th>";
html += "<th>站点名称</th>";
html += "</tr>";
html += "</thead>";


$.ajax({
//StationAction
url : "/test/StationAction",
type : 'GET',
//url : "/WebOne/servlet/StationServlet",
dataType : "json",
success : function(data) {


html += '<ul class="list-group" >';
//遍历站点信息
var values = eval(data);
//遍历站点信息
$.each(values, function(n, value) {
//  alert(n+' '+value);  
console.info('信息' + n + value);
html += "<tr><td>" + value.stationId + "</td><td>"
+ value.stationName + "</td></tr>";
});
html += '</table>';
$detail.html(html);// 关键地方
}


});
};

===========

父表格设置:

        detailView : true, //是否显示详情折叠

       //注册加载子表的事件。注意下这里的三个参数!
      onExpandRow : function(index, row, $detail) {
      initTable.InitSubTable(index, row, $detail);
}

=======

后台数据格式,

[{"stationId":"CQ11","stationName":"重庆三峡店","stationClass":"2","stationParent":"CQ01","lastModDate":"Feb 3, 
2016 2:13:55 PM","lastTransDate":"Jan 4, 2012 4:00:35 PM","localFlag":"0","stockArrearMethod":"1","jhStyle":"0","shortName":"21号
仓","isExists":"1","accountClient":"KCQ11JSKH0","accountFactory":"GCQ11JSHY0","inputFlag":"0","isAllowimport":"0",
"taxratebyproduct":"1","taxratebybusiness":0.0,"taxratebyscale":"1","tjBalancefDiscount":0.0}]



  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值