需要从 Datatable 按钮操作将参数传递给模态 dlg

Question

我确实使用了数据表，其中我已经声明了一些按钮来触发基于用户按下哪个按钮的操作：

var dpcroles = $('#example_roles').DataTable( {
    dom: 'Bfrtip',
    "columnDefs": [
        {
            "targets": [0],
            "visible": false
        }
    ],
    buttons: [
        {
            text: 'Add',
            id: 'btn_add',
            "data-action":'add',
            action: function ( e, dt, node, config ) {
                $('#modal_action').modal();
            }
        },
        {
            id: 'btn_edit',
            text: 'Edit',
            action: function ( e, dt, node, config ) {
                var id = $(e.relatedTarget).data('id');
                console.log(id);
                $('#model_action').modal(id);
            },
            enabled: true
        },

    ],

但是，如何传递处理模态打开的参数 javascript ？

$('#model_action').on('show.bs.modal', function(e) {
    // if button 'edit', do something 
        .
        . 
    // else if button 'add' do other thing 
        .
        .
        .
})

Answer 1

您可以在调用modal() 方法之前为模式设置data- 属性。例如：

$('#modal_action').data('mode', 'edit');
$('#modal_action').modal();

然后在您的事件处理程序中，您可以检索数据。例如：

$('#modal_action').on('show.bs.modal', function(e) {
    var $modal = $(this);

    var mode = $modal.data('mode');

    // if button 'edit', do something 
    if(mode === 'edit'){

    // else if button 'add' do other thing 
    } else {

    }
});

另一种解决方案是使用两种不同的模态，每个动作一个。

请注意，您可能拼错了示例中模式的名称，它应该是 modal_action 或 model_action。