как вернуть загрузочный стол в качестве detailFormatter

Question

Я получил этот код, приведенный ниже, и я пытаюсь получить таблицу возвращается как detailFormatter для начальной загрузки таблицы следующим образом ....

 $('#resultsTable').bootstrapTable({ 
     method: 'get', 
     detailView: true, 
     detailFormatter: tableDetailFormatter, 
     data: data, 
     striped: true, 
     pagination: data.length > 5, 
     pageSize: 5, 
     pageList: [5, 10], 
     onLoadError: function() { 
      // deal with error 
     }, 
     columns: [ 
      { field: 'Name', title: '', class: 'col-md-6', sortable: true }, 
      { field: 'foo', class: 'col-md-3', title: 'foo', sortable: true }, 
      { field: 'bar', class: 'col-md-3', title: 'bar', sortable: true } 
     ] 
    }); 

    function tableDetailFormatter(value, row) { 

     var detail = $.ajax({ 
      type: "GET", 
      url: '/foo/foo?name=' + row.Name, 
      async: false 
     }).responseJSON; 

     // how do you return this? there is no element for it ?? 
     $().bootstrapTable({ 
      method: 'get', 
      data: detail, 
      striped: false, 
      pagination: sampleDetail.length > 5, 
      pageSize: 5, 
      pageList: [5, 10], 
      onLoadError: function() { // deal with error }, 
      columns: [ 
       { field: 'Name', sortable: true } 
       .... more columns.... 
      ] 
     }); 
    }; 

Как мне получить функцию tableDetailFormatter для возврата html в подробный вид главной таблицы, пожалуйста?

Answer 1

Взгляните на этот пример - http://issues.wenzhixin.net.cn/bootstrap-table/.

данные могут быть загружены из ajax и могут быть привязаны к $ detail.

$table.on('expand-row.bs.table', function (e, index, row, $detail) { 
    $detail.html('Loading from ajax request...'); 
    $.get('LICENSE', function (res) { 
     $detail.html(res.replace(/\n/g, '<br>')); 
    }); 
});