bootstrap table detailView

        最近在研究bootstrap table的使用,过程中查询了许多资料,在给table做点击下拉详情时发现网上的资料大部分是基础应用的资料,只有很少的一部分关于这部分的资料,而且并不完全。这里记录一下昨天遇到的问题。

        在数据绑定上用了$('#table').bootstrapTable({...})的方式,在参数中添加了

detailView:true,

detailFormatter:function(index, row){

    var html = [];

    $.each(row, function (key, value) {

        html.push('<p><b>' + key + ':</b> ' + value + '</p>');

    })

}

发现table上确实出现了可操作按钮

但是当点击展开按钮会报错404无法找到action[],也无法进入detailFormatter定义的方法中,遍寻无果,不得已改用另一种数据绑定的方式

<table id="table" data-mobile-responsive="true"
      data-toggle="table" data-toolbar="#toolbar"
      data-detail-view="true" data-pagination="true"
      data-page-number="1" data-page-size="10" data-page-list="[10,20,30]"
      data-click-to-select="true"    data-show-columns="true"
      data-side-pagination="server"
      data-detail-formatter="detailFormatter"
      data-url="./showOrderList">
      <thead>
             <tr>
                   <th data-field="id">ID</th>
                   <th data-field="co

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值