搜索面板
一个用于在弹出面板中显示 SearchPanes 容器的按钮。
请注意 - 此属性需要适用于 DataTables 的 SearchPanes 扩展。
说明
此按钮类型会创建一个包含 SearchPanes 容器的弹出窗口。这使得 SearchPanes 可以在不占用 DOM 中额外空间的情况下使用。
选项
此按钮可以在其配置对象中设置以下选项来自定义其操作和显示,除了那些所有按钮均可用的选项外(例如 buttons.buttons.text
)
名称 | 类型 | 默认值 |
---|---|---|
操作 | ||
SearchPanes 按钮的操作函数可向用户显示一个弹出窗口中的 SearchPanes 容器。 | ||
配置 | {} | |
SearchPanes 的配置选项 - 请参阅 | ||
延迟初始化 从:2.3.0 起 | true | |
默认情况下,SearchPanes 将不初始化,直至按下显示它的按钮。虽然这有助于摊开初始启动时间,从而允许最终用户在表格启动时间更快速地做出响应,但还是有一些情况下你可能希望 SearchPanes 立即初始化,例如当你正在使用预定义的 SearchPane 筛选器时。 | ||
初始化 | ||
对于 SearchPanes 按钮,init 函数设置 SearchPanes,以便在用户按下按钮后立即可以使用。 | ||
文本 | 搜索面板 | |
此选项允许配置按钮内的文本。也可以使用 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
}
}
]
}
}
});