Question

我有一个充满记录的表（Datatable），我不需要在每行中显示Edit按钮，我希望用户选择行，然后按编辑按钮（在表格下方）以打开一个引导模式填充了选定的行数据。

我可以这样做吗？

我正在尝试将选定的行ID传递给Bootstrap Modal，假设我有一个变量，其记录为ID，记录ID的编号为25：

$id= 25;

这是edit button：

<button data-toggle="modal" data-target="#EditRecordModal<?php echo $id;?>" type='button' class='btn btn-primary btn-sm'>Edit</button>

模态ID为：

<div id="EditRecordModal<?php echo $id;?>" class="modal fade">

不起作用：（

Answer 1

您可以在数据表中启用多选选项，并使用数据属性获取值并创建另一个数据表

类似这样

$(document).ready(function() {
    var table = $('#example').DataTable();

    $('#example tbody').on( 'click', 'tr', function () {
        $(this).toggleClass('selected');
    } );

    $('#button').click( function () {
        alert( table.rows('.selected').data().length +' row(s) selected' );
    } );
} );

更多detail here

或者甚至可以尝试this example

一个用于Bootstrab数据表的编辑按钮

1 个答案: