jquery 如何处理控制列可见性的Bootstrap表下拉菜单上的单击事件?

wyyhbhjk  于 2023-06-05  发布在  jQuery
关注(0)|答案(1)|浏览(221)

我正在用Bootstrap Table创建一个表。我还使用了showColumns功能,它允许dropbox选择要显示的列。
现在,我需要处理用户使用一些自定义命令单击其中一个dropbox项目的情况。
我已经试过了

$(document).ready(function() {
        $(document).on('click', '.dropdown-item.dropdown-item-marker', function() {
        
        console.log("hello")
  });
});

但它不起作用

d6kp6zgx

d6kp6zgx1#

bootstrap-table API实际上有一个事件。
文件的相关部分为:

onColumnSwitch
jQuery事件:column-switch.bs.table
参数:字段,已检查
详情

它在切换列可见(showColumns)时触发。参数包括:
field:开关列对应的字段名。checked:列的选中状态。
假设你的表有一个id table,并且你已经设置了var $table = $('#table'),那么下面的操作就可以了。为了便于解释,我将问题中的“hello”改为输出事件参数。

$table.on('column-switch.bs.table', function(e, field, checked) {
    console.log(field, checked)
    })

下面是使用bootstrap-table在线编辑器的an example,但是使用了一个警报而不是登录到控制台。

相关问题