自動填滿
自:自動填滿 2.0.0
自動填滿動作已完成。
請注意 - 此屬性需要 DataTables 的 自動填滿擴充功能。
說明
當終端使用者完成填滿動作時,會觸發此事件。此事件會在表格更新並由填滿重新繪製後發生。這對於將變更提交到伺服器/資料庫以永久儲存變更非常有用。
已填滿的儲存格資訊會以陣列(下方的 cells
參數)形式提供 - 這是一個陣列的陣列,每個最上層的陣列代表一個列,內部元素則代表欄 - 例如:
[
[ cell_0-0, cell_0-1, cell_0-2, ... ],
[ cell_1-0, cell_1-1, cell_1-2, ... ],
[ cell_2-0, cell_2-1, cell_2-2, ... ],
...
]
保證永遠會有多個儲存格 - 因此存取 [0][0]
作為第一個儲存格是安全的。第一個儲存格是填滿動作的開始位置。第一列和第一欄與該儲存格在同一軸上,無論填滿的方向是向上、向下、向左或向右。
每個內部陣列項目都是一個表示儲存格的物件,並包含以下屬性
cell
- 相關儲存格的 DataTables Api 實例 - 請參閱cell()
index
- 儲存格的索引 - 請參閱cell().index()
- 請注意這是DataTables 內部索引,而不是可見的索引!data
- 填滿前的儲存格資料set
- 填滿後的儲存格資料
類型
function function( e, datatable, cells )
- 參數
名稱 類型 選填 1 e
否 jQuery 事件物件
2 datatable
否 完成自動填滿的表格的 DataTables API 實例
3 cells
否 自動填滿的儲存格矩陣。請參閱上面的說明了解詳細資訊。
範例
在自動填滿完成時顯示訊息
var table = new DataTable('#myTable');
table.on('autoFill', function (e, datatable, cells) {
alert(cells.length * cells[0].length + ' cells were updated');
});