Question

我希望能够指定哪个列触发数据切换事件，这样我就可以让其他列响应不同的事件而不切换数据。

这是一个能够显示我所看到的内容：http://plnkr.co/edit/wqyuuqNfb6qxXBWyHoRo

除了第一行和最后一行之外的所有列都会在单击时显示模式对话框。当屏幕缩小并且数据折叠时，切换图标将显示在第一列上。单击此图标时，将按预期切换数据。我遇到的问题是，当您单击第一个名称时，数据将被切换，然后显示模态。有没有办法将切换事件限制为仅指定的列？

Answer 1

我找到了解决方案。只需添加一个触发器即可折叠展开的数据，如下所示。

$("table").on("click","td:not(.footable-first-column)",function(e){
    var row=$( this ).parent();
    $(row).trigger('footable_toggle_row');

    $(".modal.fade").modal("show");
    return false;
});

请在此插件中找到解决方案：http://plnkr.co/edit/QRQyhvvSOmz5oDlR0Cph?p=preview

Answer 2

https://github.com/bradvin/FooTable/issues/189#issuecomment-44100073有更新。

我正在使用@Duli的答案，但我觉得这样做效果更好。（我会保留他接受的答案）

当我初始化表时，我添加了一个选项来更改toggleSelector，这会导致该行仅在选择图标时切换而不是行。

$('.footable').footable({ 
    toggleSelector: " > tbody > tr > td > span.footable-toggle" 
});

指定哪个列触发数据切换事件

2 个答案: