ajax部分視圖中的Bootstrap-Table不起作用

我正在開發一個帶有aspnet核心和引導程序的web應用程序，我需要對名爲'mytable.cshtml'的部分視圖中託管的一個簡單表進行排序。在Ajax調用之後，局部視圖必須被加載。ajax部分視圖中的Bootstrap-Table不起作用

我使用的自舉表插件以按下列方式表：

<table id="table" data-toggle="table" class="table"> 
     <thead> 
      <tr> 
       <th data-sortable="true">column 1</th> 
       <th data-sortable="true">column 2</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>aaa</td> 
       <td>111</td> 
      </tr> 
      <tr> 
       <td>bbb</td> 
       <td>222</td> 
      </tr> 
      <tr> 
       <td>ccc</td> 
       <td>333</td> 
      </tr> 
     </tbody> 
    </table>

首先我測試了所有它的罰款，加載局部視圖以這種方式

@Html.Partial("mytable");

視圖已加載，表格格式正確，列標題具有用於排序的圖標，單擊標題內容的順序。

現在我嘗試用Ajax調用加載的局部視圖點擊一個鏈接時：

<a [email protected]("GetMyTable"}) onclick="LoadMyTable()"/> 
//LoadMyTable() script omitted ...

的局部視圖是否正確裝入之前，該表顯示和格式化，但是列不能進行排序：排序圖標沒有顯示，點擊列標題什麼也沒有發生

有人已經經歷過這種行爲，並可以建議我一些解決方法？作爲一種替代方案，任何面對類似場景的人都會建議我如何繼續 - 最終使用不同的插件？

非常感謝您的任何提示

來源

2016-08-31 Roberto Vanoli

您可以使用JavaScript。首先，請確保您添加id="table"到表標籤，像

<table id="table" class='table' data-toggle="table">

其次在你的部分文件的末尾（也許這不是絕對的）添加JS：

<script type="text/javascript"> 
    $('#table').bootstrapTable(); 
</script>

來源

2017-05-15 03:44:58 harri

ajax部分視圖中的Bootstrap-Table不起作用

回答

相關問題