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)

匈牙利式 驼峰式 含义
aaData dataDT 给表格显示数据
aaSorting orderDT 表格初始化排序
aaSortingFixed orderFixedDT Ordering to always be applied to the table
aDataSort columns.orderDataDT 定义多个列作为列的默认顺序
aLengthMenu lengthMenuDT 改变每页显示条数列表的选项
aTargets columnDefs.targetsDT 适用于指定一个特定的列
aoColumns columnsDT 列配置数组
aoColumnDefs columnDefsDT 列定义配置数组
aoSearchCols searchColsDT 给个别列定义搜索选项
asSorting columns.orderSequenceDT 指定排序
asStripeClasses stripeClassesDT 在表中设置斑马条纹类的行
bAutoWidth autoWidthDT 让Datatables自动计算宽度
bDeferRender deferRenderDT 延迟渲染可以提高Datatables的加载速度
bDestroy destroyDT 允许重新实例化Datatables
bFilter searchingDT 开启搜索功能
bInfo infoDT 开启Datatables信息显示
bJQueryUI jQueryUIDT 使用jqueryui样式(需要引入jqueryui的css)
bLengthChange lengthChangeDT 允许改变每页显示的数据条数
bPaginate pagingDT 允许表格分页
bProcessing processingDT 显示加载信息
bRetrieve retrieveDT 检索一个已存在的Datatables实例
bScrollAutoCss 废弃  
bScrollCollapse scrollCollapseDT 开启滚动条
bScrollInfinite 废弃  
bSearchable columns.searchableDT 定义列是否允许搜索
bServerSide serverSideDT 开启服务器模式
bSort orderingDT 是否启用Datatables排序
bSortable columns.orderableDT 开启或关闭某列的排序
bSortCellsTop orderCellsTopDT Control which cell the order event handler will be applied to in a column
bSortClasses orderClassesDT 排序列高亮显示
bStateSave stateSaveDT 允许浏览器缓存Datatables,以便下次恢复之前的状态
bUseRendered 废弃 Use columns.renderDT
bVisible columns.visibleDT 列是否显示
fnCookieCallback 废弃  
fnCreatedCell columns.createdCellDT 单元格被创建回调函数,允许dom操作
fnCreatedRow createdRowDT tr被创建回调函数
fnDrawCallback drawCallbackDT 表格重绘的时候回调函数
fnFooterCallback footerCallbackDT foot显示回调函数
fnFormatNumber formatNumberDT 数字格式化回调函数
fnHeaderCallback headerCallbackDT thead显示回调函数
fnInfoCallback infoCallbackDT 表格主要信息显示回调函数
fnInitComplete initCompleteDT 表格加载完成回调函数
fnPreDrawCallback preDrawCallbackDT 预绘制回调函数
fnRender 废弃 Use columns.renderDT
fnRowCallback rowCallbackDT 行重绘回调
fnServerData ajaxDT 从 Ajax 源加载数据的表的内容
fnServerParams ajaxDT 从 Ajax 源加载数据的表的内容
fnStateLoad stateLoadCallbackDT 定义在何处以及如何应加载已保存的状态的回调
fnStateLoaded stateLoadedDT 状态被读取回调
fnStateLoadParams stateLoadParamsDT 加载状态,数据操作回调
fnStateSave stateSaveCallbackDT 定义如何存和在哪里储表状态回调
fnStateSaveParams stateSaveParamsDT 状态保存,数据操作回调
iCookieDuration stateDurationDT 状态保存的有效期
iDataSort columns.orderDataDT 定义多个列作为列的默认顺序
iDeferLoading deferLoadingDT 延迟加载服务器端数据直到第二次重绘
iDisplayLength pageLengthDT 更改初始页面长度 (每页的行数)
iDisplayStart displayStartDT 初始分页起始点
iScrollLoadGap 废弃  
iTabIndex tabIndexDT 选项卡索引控件的键盘导航
mData columns.dataDT 从行数据对象/数组设置列的数据源
mRender columns.renderDT Render (process) the data for use in the table
oLanguage.oAria.sSortAscending language.aria.sortAscendingDT 用于WAI-ARIA(无障碍网页应用)属性
oLanguage.oAria.sSortDescending language.aria.sortDescendingDT 用于WAI-ARIA(无障碍网页应用)属性
oLanguage.oPaginate.sFirst language.paginate.firstDT 翻页中“首页”字符串
oLanguage.oPaginate.sLast language.paginate.lastDT 翻页中“尾页”字符串
oLanguage.oPaginate.sNext language.paginate.nextDT 翻页中“下一页”字符串
oLanguage.oPaginate.sPrevious language.paginate.previousDT 翻页中“上一页”字符串
oLanguage.sEmptyTable language.emptyTableDT 表格中没有数据时显示的字符串
oLanguage.sInfo language.infoDT 表格主要信息显示字符串
oLanguage.sInfoEmpty language.infoEmptyDT 当表格没有数据和搜索记录时,表格主要信息显示字符串
oLanguage.sInfoFiltered language.infoFilteredDT 当使用搜索功能后,表格主要信息出追加的字符
oLanguage.sInfoPostFix language.infoPostFixDT 追加到所有其他主要信息字符串之后
oLanguage.sInfoThousands language.thousandsDT 千分位分隔符
oLanguage.sLengthMenu language.lengthMenuDT 页面显示数据条数选项
oLanguage.sLoadingRecords language.loadingRecordsDT 当ajax加载数据时-加载信息显示字符串
oLanguage.sProcessing language.processingDT 显示正在处理字符串
oLanguage.sSearch language.searchDT 搜索框显示字符串
oLanguage.sUrl language.urlDT 从远程加载语言信息文件url
oLanguage.sZeroRecords language.zeroRecordsDT 过滤后空的结果字符串
oSearch searchDT 设置一个在Datatables初始化时的搜索选项
sAjaxDataProp ajax.dataSrcDT 表数据的数据属性或操作方法
sAjaxSource ajaxDT 从 Ajax 源加载数据的表的内容
sCellType columns.cellTypeDT 要为列创建的单元格类型
sClass columns.classNameDT 指定单元格样式
sContentPadding contentPaddingDT 给文本内容添加填充被用来计算最合适的表格
sCookiePrefix 废弃  
sDefaultContent columns.defaultContentDT 给列设置默认的,静态的内容
sDom domDT 按什么顺序定义表的控制元素在页面上出现
sName columns.nameDT 设置列的描述性名称
sPaginationType pagingTypeDT 分页按钮种类显示选项
sScrollX scrollXDT 水平滚动条
sScrollXInner scrollXInner 没有文档在1.10中
sScrollY scrollYDT 垂直滚动条
sServerMethod ajaxDT 从 Ajax 源加载数据的表的内容的方式
sSortDataType columns.orderDataTypeDT Live DOM sorting type assignment
sTitle columns.titleDT 给列设置名称
sType columns.typeDT 设置用于筛选和排序字符串处理的列类型
sWidth columns.widthDT 设置列宽

API

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

匈牙利式 驼峰式 含义
$ $DT Perform a jQuery selection action on the full table.
_ row().data()DTrows().data()DTcell().data()DT 从行、列和单元格中获取数据
fnAddData row.add()DTrows.add()DT 给表格添加一行或多行
fnAdjustColumnSizing columns.adjust()DT 重新计算列的宽度
fnClearTable clear()DT 清除表格的所有数据
fnClose row().child.hide()DT 隐藏父行的子行
fnDeleteRow row().remove()DTrows().remove()DT 从Datatables删掉一行或或者更多
fnDestroy destroy()DT 从当前上下文销毁掉Datatables对象
fnDraw draw()DT 重绘表格
fnFilter search()DTcolumn().search()DTcolumns().search()DT 从表格里搜索数据
fnGetData row().data()DTrows().data()DTcell().data()DT 从列,行,单元格中获取数据
fnGetNodes row().node()DTrows().nodes()DTcell().node()DT 从列,行和单元格里获取节点
fnGetPosition row().index()DTcell.index()DT 获取有关选定的行、 列或单元格的索引信息
fnIsDataTable $.fn.dataTable.isDataTable()DT 检查表格的节点是不是Datatable对象
fnIsOpen row().child.isShown()DT 检查子行的父行是否可见
fnOpen row().child()DT 使父行的子行可见
fnPageChange page()DT 获取/设置表的当前页
fnSetColumnVis column().visible()DT 获取/设置单个所选列的可见性
fnSettings settings()DT 获取表的设置对象
fnSort order()DTcolumn().order()DT 选择指定列排序
fnSortListener order.listener()DT 给指定的列添加排序的监听
fnTables $.fn.dataTable.tables()DT 在本页得到所有的Datatables
fnUpdate row().data()DTcell().data()DT 设置行或单元格的数据
fnVersionCheck $.fn.dataTable.versionCheck()DT 版本号码的兼容性检查功能

Datatables 1.10.x在命名上与1.9.x的更多相关文章

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

    Datatables 1.10.x在命名上与1.9.x的有区别,新版的使用的是驼峰的命名规则,而之前的是采用匈牙利命名规则 当然,这些变化都是向下兼容的,你可以继续使用旧版本的api方法的参数和名称. ...

  2. SLAM+语音机器人DIY系列:(二)ROS入门——10.在实际机器人上运行ROS高级功能预览

    摘要 ROS机器人操作系统在机器人应用领域很流行,依托代码开源和模块间协作等特性,给机器人开发者带来了很大的方便.我们的机器人“miiboo”中的大部分程序也采用ROS进行开发,所以本文就重点对ROS ...

  3. 背水一战 Windows 10 (120) - 后台任务: 后台上传任务

    [源码下载] 背水一战 Windows 10 (120) - 后台任务: 后台上传任务 作者:webabcd 介绍背水一战 Windows 10 之 后台任务 后台上传任务 示例演示 uwp 的后台上 ...

  4. django之创建第10个项目-图片上传方式1

    1.upload.HTMl <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang=& ...

  5. 在centos7(EL7.3 即 kernel-3.10.0-514.X )上安装BCM4312无线网卡驱动要注意的问题

    我新装的centos7主机无法使用里面自带的网卡,查询后发现网卡型号为BCM4312.我在看资料安装的过程中遇到了些问题,纠结了好久,现在分享下要注意的点,为后来的遇到同样问题的人提供点帮助.现在开始 ...

  6. Drupal8重命名上传的中文名文件

    完整的模块代码文件在Coding.net上,想直接使用的请前往下载:https://coding.net/u/yamus/p/chinese_rename/git/tree/master 最近吧Dru ...

  7. ASP.NET中的文件操作(文件信息,新建,移动,复制,重命名,上传,遍历)(亲测详细)

    做了几天的文件操作,现在来总结一下,错误之处,还望指点!以文件为例,如果对文件夹操作,基本上将File换为Directory即可(例:FileInfo file = new FileInfo(Path ...

  8. [转载] 淘宝内部分享:怎么跳出MySQL的10个大坑(上)

    原文: http://mp.weixin.qq.com/s?__biz=MzAxNjAzMTQyMA==&mid=209773318&idx=1&sn=e9600d3db80b ...

  9. 使用delphi 10.2 开发linux 上的Daemon

    delphi 10.2 支持linux, 而且官方只是支持命令行编程,目地就是做linux 服务器端的开发. 既然是做linux服务器端的开发,那么普通的命令行运行程序,然后等待开一个黑窗口的方式就 ...

随机推荐

  1. Django之学员管理三

    Django之学员管理三 web框架的本质: 本质是客户端和服务端的交互.用socket实现. socket客户端(浏览器) 2.发送ip和端口,http://www.baidu.com:80/ind ...

  2. Nginx的启动过程

    主要介绍Nginx的启动过程,可以在/core/nginx.c中找到Nginx的主函数main(),那么就从这里开始分析Nginx的启动过程. 涉及到的基本函数 源码:  View Code Ngin ...

  3. 在Ignite中使用线性回归算法

    在本系列前面的文章中,简单介绍了一下Ignite的机器学习网格,下面会趁热打铁,结合一些示例,深入介绍Ignite支持的一些机器学习算法. 如果要找合适的数据集,会发现可用的有很多,但是对于线性回归来 ...

  4. Java调用K3Cloud的密码加密算法实现登录密码检验

    背景: 最近要开始做K3Cloud移动,BOS平台的移动单据收费,就想单独做移动模块,搭建环境:后台SSH2,前端Android.在手机端登录时通过Ajax方式传递用户名和密码到后台校验,后台在去K3 ...

  5. Postman调试依赖登录接口的3种方法

    在接口测试种, 我们经常会遇到有些接口登录后才能访问.我们在使用Postman调试这种接口时一般有3种方法: 依次请求 如果有登录接口的文档,或者通过抓包比较容易抓出登录请求的参数和格式,可以先使用P ...

  6. 6572平台上关于wifi热点切换跳的坑

    最近在做一个无屏的项目,需要开启设备的wifi热点,通过连接热点设置设备wifi,本来看起来很容易完成的一件事情,遇到了一下的坑 在wifi切换状态时,大概率出现不能切换的问题,比如从wifi状态切换 ...

  7. SGU 104 Little shop of flowers【DP】

    浪(吃)了一天,水道题冷静冷静.... 题目链接: http://acm.sgu.ru/problem.php?contest=0&problem=104 题意: 给定每朵花放在每个花盆的值, ...

  8. Jquery操作事件

    1.文档加载事件 2.DOM单击双击事件 3.DOM获得焦点,失去焦点问题 4.DOM鼠标移入,移出事件 <!DOCTYPE html> <html> <head> ...

  9. CD-----UVa624(01背包+输出路径)

      CD  You have a long drive by car ahead. You have a tape recorder, but unfortunately your best musi ...

  10. Spring错误异常重试框架guava-retrying

    官网:https://github.com/rholder/guava-retrying Maven:https://mvnrepository.com/artifact/com.github.rho ...