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不起作用

回答

相关问题