Footable 并捕获展开行事件答案

【问题标题】：Footable and capturing the expand row eventFootable 并捕获展开行事件
【发布时间】：2016-03-04 22:26:03
【问题描述】：

我已经为此寻找任何合理的帮助，并且我不断地回到相同的 cmets。即不是很好的文档。

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

将表格放在页面上后，使用以下命令很容易。

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

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

这是一个实际使用的表格示例。我实际上正在使用 Inspinia 框架。

http://wrapbootstrap.com/preview/WB0R5L90S

您需要点击左侧的表格/脚注菜单链接。

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

我的 jquery 语言技能只有几个月的时间，因为我是一名长期 VB、MSSQL 程序员，正在学习新东西。

感谢任何好心为新手提供照明的人！

尼尔

【问题讨论】：

标签： jquery events footable

【解决方案1】：

缺乏可靠的文档最终将导致该产品的终结。

文档现在在此处列出：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)
      }
    })
  }
}

【讨论】：

这救了我的命！顺便说一句，从3.0.11 开始提供行属性

【解决方案2】：

您可以将函数绑定到某些可脚注事件：

$('.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)。

【讨论】：

谢谢。我知道一定有某种通用的方法可以将事件等添加到动作中。
这些链接现已失效。此链接是新位置：fooplugins.github.io/FooTable/docs/…，但关于事件的信息很少。