Question

我使用jquery datatables显示数据表数据，使用jQuery DataTables Checkboxes plugin选择多个行数据发布到服务器端。

我的数据表的数据源来自DOM，复选框数据实际上是数据库中的行ID。 现在我想在数据表上/下添加几个按钮，但我不知道如何实现。当我选择要将id数据发布到服务器端的复选框时，然后单击按钮A，此操作将触发服务器端ajax操作。（或单击按钮B以触发另一个ajax操作）。

我看过gyrocode's example，但在我的情况下，不同的按钮对应不同的网址来执行不同的ajax操作。我是前端菜鸟，我将非常感谢评论。

这是html（使用Jinja2模板）和数据表的js部分：

＆＃13;

$(document).ready(function() {
  $('#dataTables-hosts').DataTable({
    'scrollY': "600px",
    'scrollCollapse': "true",
    'columnDefs': [{
      'targets': 0,
      'checkboxes': {
        'selectRow': true
      }
    }],
    'select': {
      'style': 'multi'
    },
    'order': [
      [1, 'asc']
    ]
  });
});

＆＃13;

<div class="panel-body">
  <div class="row">
    <div class="col-sm-12">
      <table width="100%" class="display" id="dataTables-hosts">
        <thead>
          <tr>
            <th></th>
            <th>IP Address</th>
            <th>Status</th>
          </tr>
        </thead>
        <tbody>
          <!-- for -->
          {% for host in hosts %}
          <tr class="gradeA odd" role="row">
            <td>{{ host.id }}</td>
            <td>{{ host.IP }}</td>
            <td>{{ host.status }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>

＆＃13;

datatables-checkboxes插件：如何使用按钮将已检查的ID发布到服务器端？

0 个答案: