快速入门
表格选项
-
ajax
ajaxOptions
buttons
buttonsAlign
buttonsClass
buttonsOrder
buttonsPrefix
buttonsToolbar
cache
cardView
checkboxHeader
classes
clickToSelect
columns
contentType
customSearch
customSort
data
dataField
dataType
detailFilter
detailFormatter
detailView
detailViewAlign
detailViewByClick
detailViewIcon
escape
filterOptions
footerField
footerStyle
headerStyle
height
icons
iconSize
iconsPrefix
idField
ignoreClickToSelectOn
loadingFontSize
loadingTemplate
locale
maintainMetaData
method
minimumCountColumns
multipleSelectRow
pageList
pageNumber
pageSize
pagination
paginationDetailHAlign
paginationHAlign
paginationLoop
paginationNextText
paginationPagesBySide
paginationParts
paginationPreText
paginationSuccessivelySize
paginationUseIntermediate
paginationVAlign
queryParams
queryParamsType
regexSearch
rememberOrder
responseHandler
rowAttributes
rowStyle
search
searchAccentNeutralise
searchAlign
searchHighlight
searchOnEnterKey
searchSelector
searchText
searchTimeOut
selectItemName
serverSort
showButtonIcons
showButtonText
showColumns
showColumnsSearch
showColumnsToggleAll
showExtendedPagination
showFooter
showFullscreen
showHeader
showPaginationSwitch
showRefresh
showSearchButton
showSearchClearButton
showToggle
sidePagination
silentSort
singleSelect
smartDisplay
sortable
sortClass
sortEmptyLast
sortName
sortOrder
sortReset
sortResetPage
sortStable
strictSearch
theadClasses
toolbar
toolbarAlign
totalField
totalNotFiltered
totalNotFilteredField
totalRows
trimOnSearch
undefinedText
uniqueId
url
virtualScroll
virtualScrollItemHeight
visibleSearch
列表选项
align
cardVisible
cellStyle
checkbox
checkboxEnabled
class
clickToSelect
colspan
detailFormatter
escape
events
falign
field
footerFormatter
formatter
halign
order
radio
rowspan
searchable
searchFormatter
searchHighlightFormatter
showSelectTitle
sortable
sorter
sortName
switchable
title
titleTooltip
valign
visible
width
widthUnit
事件
onAll
onCheck
onCheckAll
onCheckSome
onClickCell
onClickRow
onCollapseRow
onColumnSwitch
onColumnSwitchAll
onDblClickCell
onDblClickRow
onExpandRow
onLoadError
onLoadSuccess
onPageChange
onPostBody
onPostFooter
onPostHeader
onPreBody
onRefresh
onRefreshOptions
onResetView
onScrollBody
onSearch
onSort
onToggle
onTogglePagination
onUncheck
onUncheckAll
onUncheckSome
onVirtualScroll
方法
append
check
checkAll
checkBy
checkInvert
collapseAllRows
collapseRow
collapseRowByUniqueId
destroy
expandAllRows
expandRow
expandRowByUniqueId
filterBy
getData
getHiddenColumns
getHiddenRows
getOptions
getRowByUniqueId
getScrollPosition
getSelections
getVisibleColumns
hideAllColumns
hideColumn
hideLoading
hideRow
insertRow
load
mergeCells
nextPage
prepend
prevPage
refresh
refreshOptions
remove
removeAll
removeByUniqueId
resetSearch
resetView
scrollTo
selectPage
showAllColumns
showColumn
showLoading
showRow
toggleDetailView
toggleFullscreen
togglePagination
toggleView
uncheck
uncheckAll
uncheckBy
updateByUniqueId
updateCell
updateCellByUniqueId
updateColumnTitle
updateFormatText
updateRow
本地化
扩展
地址栏
自动刷新
Cookie
复制行
自定义视图
延迟Url
编辑表
导出
过滤器控制
固定列
按v2分组
I18n 增强
关键事件
移动
多重排序
页面跳转
Pipeline
打印
重新排序列
重新排序行
调整大小
粘性标题(Sticky Header)
工具条
树形网格(Table Treegrid)
Pipeline - Bootstrap-table中文文档 - 笔下光年
网站首页
Pipeline
Bootstrap Table的Pipeline扩展。 该插件支持服务器端请求的客户端数据缓存,这将消除每次页面更改时发出新请求的需要。这将在一次返回所有数据(客户端分页)和新的服务器端请求(服务器端分页)之间为大型数据集提供性能平衡。 有两个新选项: - `usePipeline`:启用此功能 - `pipelineSize`:每个缓存窗口的大小 Pipeline的大小必须可以被当前页面大小整除。这可以通过四舍五入到最近的可整除值来保证。例如,如果Pipeline大小为4990,当前页面大小为25,则Pipeline大小将动态设置为5000。 缓存窗口是根据Pipeline大小和服务器端查询返回的行总数计算的。例如,对于Pipeline大小500和总行1300,缓存窗口将是: `[{'lower': 0, 'upper': 499}, {'lower': 500, 'upper': 999}, {'lower': 1000, 'upper': 1499}]` 使用限制(即pipelineSize)和偏移参数,服务器端请求必须仅返回请求的缓存窗口中的数据和总行数。也就是说,服务器端代码必须使用偏移量和限制参数来准备响应数据。 在页面更改时,如果新偏移位于当前缓存窗口内,则会检查该偏移。如果是,则从缓存的数据集返回请求的页面数据。否则,将为新的缓存窗口发出新的服务器端请求。 当前缓存的数据仅在以下事件中无效: - 排序 - 搜索 - 页面大小更改 - 页面更改移动到新的缓存窗口 有两个新事件: - `cached-data-hhit.bs.table`:在页面更改中使用缓存数据时发出 - `cached-data-reset.bs.table`:当缓存数据无效并发出新的服务器端请求时发出 #### 用法 ```html <script src="extensions/pipeline/bootstrap-table-pipeline.js"></script> ``` #### 选项 **pipelineSize** - 类型: `Number` - 说明: 每个缓存窗口的大小。必须大于0。 - 默认: `1000` **usePipeline** - 类型: `Boolean` - 说明: 设置为 `true` 以启用pipelining。 - 默认: `false` #### 事件 **onCachedDataHit(cached-data-hit.bs.table)** 当分页能够使用本地缓存的数据时激发。 **onCachedDataReset(cached-data-reset.bs.table)** 当需要重置本地缓存的数据时(即排序、搜索、页面大小更改或从当前缓存窗口分页时)激发。
上一篇:
页面跳转
下一篇:
打印