Footable 并捕获扩展行事件

Question

我已就此搜索过任何合理的帮助，但我不断返回相同的评论。即不是很好的文档。

我即将使用 jquery 插件 fooTable，它将普通的 html table 转换为漂亮可用的东西。

将table放到页面后，使用下面的命令就很容易了。

        $('.footable').footable();

但是我想在展开一行时捕获事件。

这里是 table 的一个例子。我实际上正在使用 Inspinia 框架。

http://wrapbootstrap.com/preview/WB0R5L90S

您需要单击左侧的 tables / footables 菜单 link。

我不确定这是否是我应该知道的 fooTable issue/event，或者这是否是关于使用 jquery 捕获事件的常识，适用于很多事情。

我的 jquery 语言技能只有几个月，因为我已经很长时间了 VB，正在学习新东西的 MSSQL 程序员。

感谢任何好心为新手提供任何帮助的人！

尼尔

Answer 1

您可以将函数绑定到特定的脚注事件：

$('.footable').footable().bind({
    'footable_row_collapsed' : function(e) {
        //Your code when a row is collapsed
    },

    'footable_row_expanded' : function(e) {
        //Your code when a row is expanded                  
    },
});

这是关于脚注事件拦截的文档 (http://fooplugins.com/footable/demos/event-interception.htm#docs)。

这是可以参加的活动列表 (http://fooplugins.com/footable/demos/events.htm#docs)。

Answer 2

缺少可用的文档将最终成为该产品的终结。

文档现在列在此处：https://fooplugins.github.io/FooTable/docs/jsdocs/FooTable.html

expand事件好像用的最多。这是使用 AJAX:

交换详细信息行的示例

$(".footable").on("expand.ft.row", function (e, ft, row) {
  var EmployeeId = row.value.EmployeeId //Access data from a specific column
  var RowElement = $(row.$el) //This is the underlying DOM element for the row (<tr>...</tr>)
  if (EmployeeId) {
    $.get({
      url: "http://ajax-provider/" + EmployeeId,
      dataType: "html",
      success: function (data) {
        var DetailRow = RowElement.next(".footable-detail-row")
        DetailRow.children("td").html(data)
      }
    })
  }
}

Footable 并捕获扩展行事件

Footable and capturing the expand row event

jquery

events

footable