Question

我的页面有3个使用数据表的表，问题是数据表无法处理超过1个表，我已经在搜索解决方案，我得到的是使用自定义的SSP数据表：here

但是，我想问的是这个问题是否有更简单的方法？

- 这是显示3个基于按钮的可切换服务器端表的页面

<div class="cart-text"></div>

- 这是触发show table query

的JS文件

<div class="panel-body">
<div class ="row">
   <div class ="text-center alert col-md-12">
      <a class="btn btn-primary" href="#table_assall" data-toggle="tab">All Assets List</a>
      <a class="btn btn-primary" href="#table_asborrow" data-toggle="tab">Used Assets</a>
      <a class="btn btn-primary" href="#table_asbroken" data-toggle="tab">Damaged Assets</a>
   </div>
</div>
<div class="tab-content">
   <div id="table_assall" class="tab-pane fade active in">
      <div class="table-responsive">
         <table class="display" width="100%" cellspacing="0" id="">
            *thead source code*
         </table>
      </div>
   </div>
   <div id="table_asborrow" class="tab-pane fade">
      <div class="table-responsive">
         <table class="display" width="100%" cellspacing="0" id="">
            *thead source code*
         </table>
      </div>
   </div>
   <div id="table_asbroken" class="tab-pane fade">
      <div class="table-responsive">
         <table class="display" width="100%" cellspacing="0" id="">
            *thead source code*
         </table>
      </div>
   </div>
</div>

是否可以根据按钮点击更改ajax网址？

Answer 1

要根据您的按钮url更改click，我的建议是使用全局变量并将click event写入您的button并更改全局变量的值。

<强>实施例

<div class ="text-center alert col-md-12">
      <a class="btn btn-primary changeTable" data-ajax="tableresponses.php" href="#table_assall" data-toggle="tab">All Assets List</a>
      <a class="btn btn-primary changeTable" data-ajax="tableresponses1.php" href="#table_asborrow" data-toggle="tab">Used Assets</a>
      <a class="btn btn-primary changeTable" data-ajax="tableresponses2.php" href="#table_asbroken" data-toggle="tab">Damaged Assets</a>
</div>

请注意，您的按钮中添加了一个名为changeTable的额外类和一个额外的html5属性data-ajax。

现在声明一个全局变量并为你的按钮写click event。

var _ajaxURL="";//you can initialize this global variable with some default value.

$('.changeTable').on('click',function(){
    _ajaxURL=$(this).attr('data-ajax');
});

现在，ajax的{{1}}部分看起来像

dataTable

如果您在此面临任何问题，请与我们联系。

带有切换按钮的多个服务器端数据表

1 个答案: