searchPanes
自:SearchPanes 1.0.0 起
一個單一按鈕,會在彈出視窗中顯示 SearchPanes 容器。
請注意 - 此屬性需要 DataTables 的 SearchPanes 擴充套件。
描述
此按鈕類型會建立一個包含 SearchPanes 容器的彈出視窗。這允許使用 SearchPanes 而無需在 DOM 中佔用額外的空間。
選項
除了所有按鈕可用的選項(例如 buttons.buttons.text
),此按鈕可以在其組態物件中設定以下選項來自訂其動作和顯示。
名稱 | 類型 | 預設值 |
---|---|---|
action | ||
SearchPanes 按鈕的動作函數會在彈出視窗中向使用者顯示 SearchPanes 容器。 | ||
config | {} | |
SearchPanes 的組態選項 - 請參閱 | ||
delayInit 自:2.3.0 起 | true | |
預設情況下,SearchPanes 不會在按下顯示它的按鈕之前初始化。雖然這有助於分散初始啟動時間,讓最終使用者在表格啟動時有更快的反應,但在某些情況下,您可能希望 SearchPanes 立即初始化,例如當您使用預定義的 SearchPane 篩選器時。 | ||
init | ||
對於 SearchPanes 按鈕,init 函數會設定 SearchPanes,以便在使用者按下按鈕時立即可以使用。 | ||
text | 搜尋窗格 | |
此選項允許設定按鈕中的文字。也可以使用 DataTables |
範例
基本 SearchPanes 按鈕初始化
new DataTable('#myTable', {
layout: {
topStart: {
buttons: ['searchPanes']
}
}
});
使用按鈕的 SearchPanes 設定
new DataTable('#myTable', {
layout: {
topStart: {
buttons: [
{
extend: 'searchPanes',
config: {
cascadePanes: true
}
}
]
}
}
});
在表格初始化期間初始化 SearchPanes
new DataTable('#myTable', {
layout: {
topStart: {
buttons: [
{
extend: 'searchPanes',
config: {
delayInit: false
}
}
]
}
}
});