时间戳

首页 > 解决方案 > Bootstrab 数据表的一个编辑按钮

javascript - Bootstrab 数据表的一个编辑按钮

问题描述

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

我可以这样做吗？怎么做？

我正在尝试将选定的行 ID 传递给 Bootstrap 模态，假设我有一个带有选定记录的变量，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">

不工作:(

标签： javascriptphptwitter-bootstrapbootstrap-4

解决方案

您可以在 Datatable 中启用多选选项并使用 data attr 获取值并制作另一个 Datatable

像这样的东西

$(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' );
    } );
} );

更多细节在这里

或者甚至可以尝试这个例子

推荐阅读