我希望能够指定触发数据切换事件的列,这样我就可以让其他列响应不同的事件而不切换数据。
这是一个可以显示我所看到的内容的 plunk:http: //plnkr.co/edit/wqyuuqNfb6qxXBWyHoRo
单击时,除第一列和最后一列之外的所有列都将显示模式对话框。当屏幕缩小并且数据折叠时,切换图标显示在第一列。单击此图标时,数据将按预期切换。我遇到的问题是,当您单击名字时,数据被切换,然后显示模式。有没有办法将切换事件限制在指定的列?
我希望能够指定触发数据切换事件的列,这样我就可以让其他列响应不同的事件而不切换数据。
这是一个可以显示我所看到的内容的 plunk:http: //plnkr.co/edit/wqyuuqNfb6qxXBWyHoRo
单击时,除第一列和最后一列之外的所有列都将显示模式对话框。当屏幕缩小并且数据折叠时,切换图标显示在第一列。单击此图标时,数据将按预期切换。我遇到的问题是,当您单击名字时,数据被切换,然后显示模式。有没有办法将切换事件限制在指定的列?
https://github.com/bradvin/FooTable/issues/189#issuecomment-44100073有更新。
我正在使用@Duli 的答案,但我认为这效果更好。(我会保留他的答案作为我接受的答案)
当我初始化表格时,我添加了一个选项来更改切换选择器,这会导致该行仅在选择图标而不是该行时切换。
$('.footable').footable({
toggleSelector: " > tbody > tr > td > span.footable-toggle"
});
我找到了解决方案。只需添加一个触发器即可折叠展开的数据,如下所示。
$("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;
});
请在此 plunk 中找到解决方案:http ://plnkr.co/edit/QRQyhvvSOmz5oDlR0Cph?p=preview