Datatables | 升级 | 1.10.x与1.9.x参数名对照表

1.10.x与1.9.x参数名对照表

Datatables 1.10.x在命名上与1.9.x的有区别,新版的使用的是驼峰的命名规则,而之前的是采用匈牙利命名规则

当然,这些变化都是向下兼容的,你可以继续使用旧版本的api方法的参数和名称。 如果你要是用新版本的api方法,请参考下面表格的对照表,大多数的都是直接从匈牙利命名到驼峰命名,极个别重命名,还添加了新的属性名称。

初始化

现在可以这样创建一个Datatables:

$(...).dataTable()创建一个Datatables并返回一个jquery对象(1.9-)

$(...).DataTable()创建一个Datatables并返回一个新的Datatables API实例

两种方法都可以在1.10+版本中使用

选项(Options)

匈牙利式驼峰式含义
aaDatadataDT给表格显示数据
aaSortingorderDT表格初始化排序
aaSortingFixedorderFixedDTOrdering to always be applied to the table
aDataSortcolumns.orderDataDT定义多个列作为列的默认顺序
aLengthMenulengthMenuDT改变每页显示条数列表的选项
aTargetscolumnDefs.targetsDT适用于指定一个特定的列
aoColumnscolumnsDT列配置数组
aoColumnDefscolumnDefsDT列定义配置数组
aoSearchColssearchColsDT给个别列定义搜索选项
asSortingcolumns.orderSequenceDT指定排序
asStripeClassesstripeClassesDT在表中设置斑马条纹类的行
bAutoWidthautoWidthDT让Datatables自动计算宽度
bDeferRenderdeferRenderDT延迟渲染可以提高Datatables的加载速度
bDestroydestroyDT允许重新实例化Datatables
bFiltersearchingDT开启搜索功能
bInfoinfoDT开启Datatables信息显示
bJQueryUIjQueryUIDT使用jqueryui样式(需要引入jqueryui的css)
bLengthChangelengthChangeDT允许改变每页显示的数据条数
bPaginatepagingDT允许表格分页
bProcessingprocessingDT显示加载信息
bRetrieveretrieveDT检索一个已存在的Datatables实例
bScrollAutoCss废弃
bScrollCollapsescrollCollapseDT开启滚动条
bScrollInfinite废弃
bSearchablecolumns.searchableDT定义列是否允许搜索
bServerSideserverSideDT开启服务器模式
bSortorderingDT是否启用Datatables排序
bSortablecolumns.orderableDT开启或关闭某列的排序
bSortCellsToporderCellsTopDTControl which cell the order event handler will be applied to in a column
bSortClassesorderClassesDT排序列高亮显示
bStateSavestateSaveDT允许浏览器缓存Datatables,以便下次恢复之前的状态
bUseRendered废弃Use columns.renderDT
bVisiblecolumns.visibleDT列是否显示
fnCookieCallback废弃
fnCreatedCellcolumns.createdCellDT单元格被创建回调函数,允许dom操作
fnCreatedRowcreatedRowDTtr被创建回调函数
fnDrawCallbackdrawCallbackDT表格重绘的时候回调函数
fnFooterCallbackfooterCallbackDTfoot显示回调函数
fnFormatNumberformatNumberDT数字格式化回调函数
fnHeaderCallbackheaderCallbackDTthead显示回调函数
fnInfoCallbackinfoCallbackDT表格主要信息显示回调函数
fnInitCompleteinitCompleteDT表格加载完成回调函数
fnPreDrawCallbackpreDrawCallbackDT预绘制回调函数
fnRender废弃Use columns.renderDT
fnRowCallbackrowCallbackDT行重绘回调
fnServerDataajaxOption从 Ajax 源加载数据的表的内容,ajax 作为function用法
fnServerParamsajax.dataOption发送给服务器的参数
fnStateLoadstateLoadCallbackDT定义在何处以及如何应加载已保存的状态的回调
fnStateLoadedstateLoadedDT状态被读取回调
fnStateLoadParamsstateLoadParamsDT加载状态,数据操作回调
fnStateSavestateSaveCallbackDT定义如何存和在哪里储表状态回调
fnStateSaveParamsstateSaveParamsDT状态保存,数据操作回调
iCookieDurationstateDurationDT状态保存的有效期
iDataSortcolumns.orderDataDT定义多个列作为列的默认顺序
iDeferLoadingdeferLoadingDT延迟加载服务器端数据直到第二次重绘
iDisplayLengthpageLengthDT更改初始页面长度 (每页的行数)
iDisplayStartdisplayStartDT初始分页起始点
iScrollLoadGap废弃
iTabIndextabIndexDT选项卡索引控件的键盘导航
mDatacolumns.dataDT从行数据对象/数组设置列的数据源
mRendercolumns.renderDTRender (process) the data for use in the table
oLanguage.oAria.sSortAscendinglanguage.aria.sortAscendingDT用于WAI-ARIA(无障碍网页应用)属性
oLanguage.oAria.sSortDescendinglanguage.aria.sortDescendingDT用于WAI-ARIA(无障碍网页应用)属性
oLanguage.oPaginate.sFirstlanguage.paginate.firstDT翻页中“首页”字符串
oLanguage.oPaginate.sLastlanguage.paginate.lastDT翻页中“尾页”字符串
oLanguage.oPaginate.sNextlanguage.paginate.nextDT翻页中“下一页”字符串
oLanguage.oPaginate.sPreviouslanguage.paginate.previousDT翻页中“上一页”字符串
oLanguage.sEmptyTablelanguage.emptyTableDT表格中没有数据时显示的字符串
oLanguage.sInfolanguage.infoDT表格主要信息显示字符串
oLanguage.sInfoEmptylanguage.infoEmptyDT当表格没有数据和搜索记录时,表格主要信息显示字符串
oLanguage.sInfoFilteredlanguage.infoFilteredDT当使用搜索功能后,表格主要信息出追加的字符
oLanguage.sInfoPostFixlanguage.infoPostFixDT追加到所有其他主要信息字符串之后
oLanguage.sInfoThousandslanguage.thousandsDT千分位分隔符
oLanguage.sLengthMenulanguage.lengthMenuDT页面显示数据条数选项
oLanguage.sLoadingRecordslanguage.loadingRecordsDT当ajax加载数据时-加载信息显示字符串
oLanguage.sProcessinglanguage.processingDT显示正在处理字符串
oLanguage.sSearchlanguage.searchDT搜索框显示字符串
oLanguage.sUrllanguage.urlDT从远程加载语言信息文件url
oLanguage.sZeroRecordslanguage.zeroRecordsDT过滤后空的结果字符串
oSearchsearchDT设置一个在Datatables初始化时的搜索选项
sAjaxDataPropajax.dataSrcDT表数据的数据属性或操作方法
sAjaxSourceajax.urlOption从 Ajax 源加载数据的表的内容
sCellTypecolumns.cellTypeDT要为列创建的单元格类型
sClasscolumns.classNameDT指定单元格样式
sContentPaddingcontentPaddingDT给文本内容添加填充被用来计算最合适的表格
sCookiePrefix废弃
sDefaultContentcolumns.defaultContentDT给列设置默认的,静态的内容
sDomdomDT按什么顺序定义表的控制元素在页面上出现
sNamecolumns.nameDT设置列的描述性名称
sPaginationTypepagingTypeDT分页按钮种类显示选项
sScrollXscrollXDT水平滚动条
sScrollXInnerscrollXInner没有文档在1.10中
sScrollYscrollYDT垂直滚动条
sServerMethodajax.typeOption从 Ajax 源加载数据的表的内容的方式
sSortDataTypecolumns.orderDataTypeDTLive DOM sorting type assignment
sTitlecolumns.titleDT给列设置名称
sTypecolumns.typeDT设置用于筛选和排序字符串处理的列类型
sWidthcolumns.widthDT设置列宽

API

以下是旧的api转换新的,新的api有很多,下面没有全部列出来。关于如何使用它,请参考api完整信息。

匈牙利式驼峰式含义
$$DTPerform a jQuery selection action on the full table.
_row().data()DTrows().data()DTcell().data()DT从行、列和单元格中获取数据
fnAddDatarow.add()DTrows.add()DT给表格添加一行或多行
fnAdjustColumnSizingcolumns.adjust()DT重新计算列的宽度
fnClearTableclear()DT清除表格的所有数据
fnCloserow().child.hide()DT隐藏父行的子行
fnDeleteRowrow().remove()DTrows().remove()DT从Datatables删掉一行或或者更多
fnDestroydestroy()DT从当前上下文销毁掉Datatables对象
fnDrawdraw()DT重绘表格
fnFiltersearch()DTcolumn().search()DTcolumns().search()DT从表格里搜索数据
fnGetDatarow().data()DTrows().data()DTcell().data()DT从列,行,单元格中获取数据
fnGetNodesrow().node()DTrows().nodes()DTcell().node()DT从列,行和单元格里获取节点
fnGetPositionrow().index()DTcell.index()DT获取有关选定的行、 列或单元格的索引信息
fnIsDataTable$.fn.dataTable.isDataTable()DT检查表格的节点是不是Datatable对象
fnIsOpenrow().child.isShown()DT检查子行的父行是否可见
fnOpenrow().child()DT使父行的子行可见
fnPageChangepage()DT获取/设置表的当前页
fnSetColumnViscolumn().visible()DT获取/设置单个所选列的可见性
fnSettingssettings()DT获取表的设置对象
fnSortorder()DTcolumn().order()DT选择指定列排序
fnSortListenerorder.listener()DT给指定的列添加排序的监听
fnTables$.fn.dataTable.tables()DT在本页得到所有的Datatables
fnUpdaterow().data()DTcell().data()DT设置行或单元格的数据
fnVersionCheck$.fn.dataTable.versionCheck()DT版本号码的兼容性检查功能

https://datatables.net/upgrade/1.10-convert.html

Translation from DataTables.net, with permission
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值