Question

可数据表初始化：

$('#tblEmployee').DataTable({
        "bDestroy": true,
        responsive: true,
        "order": [[0, "desc"]],
        "bFilter": false,
        "bInfo": false,
        "bLengthChange": false,
        "lengthMenu": [[5]],
        "bAutoWidth": false,
        "oLanguage": {
            "sEmptyTable": "No records found !",
        },
        "processing": true
});

在数据表的响应式视图中，当用户点击＆＃34; Plus＆＃34;符号，它使子行具有＆＃34; .child＆＃34;表内的类。在这里，我需要调用一个javascript函数来禁用数据表的控件。我只需要在数据表崩溃时禁用控件。

function disableCtrlInsideDT(){     
      $('.dataTable.collapsed').find('input:checkbox, input:button, select, button').attr('disabled', true);
}

我也写了一个外部CSS，但它没有按预期工作。我的意思是，CSS禁用了控件但是＃34; not-allowed＆＃34;光标当时没有工作。

.dataTable.dtr-inline.collapsed tbody tr { cursor: pointer !important; pointer-events: none !important; }

所以，我需要一个回调函数，我可以编写所有的javascript方法，这些方法应该在渲染子行后触发。

Answer 1

当显示，更新或隐藏行的详细信息时，您可以处理responsive-display事件。

例如：

var table = $('#example').DataTable( {
    responsive: true
} );

table.on( 'responsive-display', function ( e, datatable, row, showHide, update ) {
    console.log( 'Details for row '+row.index()+' '+(showHide ? 'shown' : 'hidden') );
} );

但是，不清楚为什么要禁用(+)控件的点击次数，我会将其留给您。

在jQuery数据表中对responsive.details.renderer（）函数的回调是什么？

1 个答案: