腳和捕獲擴展行事件

我已經在這方面尋找任何合理的幫助，我不斷回到相同的意見。即不是很好的文檔。腳和捕獲擴展行事件

我即將使用jquery插件fooTable將普通的html錶轉換爲漂亮和可用的東西。

將表格放在頁面上後，使用以下命令很容易。

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

但是我想捕獲一個行時展開的事件。

這裏是一個表格的例子。我實際上使用Inspinia框架。

http://wrapbootstrap.com/preview/WB0R5L90S

您需要點擊表格/ footables在左側菜單中的鏈接。

我不確定這是否是我應該知道的fooTable問題/事件，或者這是關於使用適用於很多事情的jquery捕獲事件的常識。

我的jQuery語言技能只有幾個月的歷史，因爲我是一個很長時間的VB，MSSQL程序員正在學習新的東西。

非常感謝任何人提供任何光線給新手！

尼爾

來源

2016-03-04 Neil W

可以綁定功能，某些footable事件：

$('.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     
    }, 
});

這裏是關於footable事件攔截（http://fooplugins.com/footable/demos/event-interception.htm#docs）的文檔。

以下是腳步事件列表（http://fooplugins.com/footable/demos/events.htm#docs）。

來源

2016-03-06 21:09:01

感謝您的支持。我知道必須有某種通用的方式來添加事件等。 –

這些鏈接現已停止。這個鏈接是新的位置：http://fooplugins.github.io/FooTable/docs/getting-started.html#examples，除非事件信息很少。 – Glenn

缺乏足跡的文檔將最終成爲該產品的結尾。

文檔現在列在這裏：事件似乎最常用的https://fooplugins.github.io/FooTable/docs/jsdocs/FooTable.html

的擴大。以下是使用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) 
     } 
    }) 
    } 
}

來源

2017-01-03 23:50:55 BlueWater86

腳和捕獲擴展行事件

回答

相關問題