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

mac2022-06-30 25

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 tableaDataSortcolumns.orderDataDT定义多个列作为列的默认顺序aLengthMenulengthMenuDT改变每页显示条数列表的选项aTargetscolumnDefs.targetsDT适用于指定一个特定的列aoColumnscolumnsDT列配置数组aoColumnDefscolumnDefsDT列定义配置数组aoSearchColssearchColsDT给个别列定义搜索选项asSortingcolumns.orderSequenceDT指定排序asStripeClassesstripeClassesDT在表中设置斑马条纹类的行bAutoWidthautoWidthDT让Datatables自动计算宽度bDeferRenderdeferRenderDT延迟渲染可以提高Datatables的加载速度bDestroydestroyDT允许重新实例化DatatablesbFiltersearchingDT开启搜索功能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 columnbSortClassesorderClassesDT排序列高亮显示bStateSavestateSaveDT允许浏览器缓存Datatables，以便下次恢复之前的状态bUseRendered废弃Use columns.renderDTbVisiblecolumns.visibleDT列是否显示fnCookieCallback废弃 fnCreatedCellcolumns.createdCellDT单元格被创建回调函数，允许dom操作fnCreatedRowcreatedRowDTtr被创建回调函数fnDrawCallbackdrawCallbackDT表格重绘的时候回调函数fnFooterCallbackfooterCallbackDTfoot显示回调函数fnFormatNumberformatNumberDT数字格式化回调函数fnHeaderCallbackheaderCallbackDTthead显示回调函数fnInfoCallbackinfoCallbackDT表格主要信息显示回调函数fnInitCompleteinitCompleteDT表格加载完成回调函数fnPreDrawCallbackpreDrawCallbackDT预绘制回调函数fnRender废弃Use columns.renderDTfnRowCallbackrowCallbackDT行重绘回调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 tableoLanguage.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从远程加载语言信息文件urloLanguage.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 assignmentsTitlecolumns.titleDT给列设置名称sTypecolumns.typeDT设置用于筛选和排序字符串处理的列类型sWidthcolumns.widthDT设置列宽

API

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

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

转载：http://datatables.club/upgrade/1.10-convert.html#

转载于:https://www.cnblogs.com/c-x-a/p/6524626.html

相关资源：JAVA上百实例源码以及开源项目

最新回复(0)