jquery之datatable总结.doc

分页bPaginite:true;是否启用分页功能sPaginationType:two_button 或者full_numbers 分页风格sFirst:告诉他第一页怎么写sLast:告诉他最后一页怎么写sNext:告诉他下一页怎么写sPrevious:告诉他上一页怎么写语言sInfo:共_TOTAL_页 第_START_到_END_页,sEmptyTable:没有数据sInfoFiltered:从_MAX_条记录中搜索,sInfoPostFix: 底边栏的静态信息,sInfoThousands: 格式化信息,/格式化信息用的sLengthMenu:显示2040条信息 sSearch:搜索基本的命令aaSorting:参数是个数组 ,单独定义每一列的排序方式aaSortingFixed:锁定某一列的排序方式 用户不能改变iDisplayLength:规定每一页的显示数目aLengthMenu:两个数组要一样,真正显示的是这个数组中的内容 最后一个是”all”bAutoWidth:自动调整列宽bDestroy:好比重新部署bFilter:是否启用过滤器bInfo:是否启用底边信息栏bLengthChange:就是是否启用上面那个可以方便显示几页的下拉框bProcessing:表格在处理数据时是否要显示信息sProcessing:定义表格在处理数据时要显示的信息bScrollAutoCss:是否允许显示滚动条sScrollY:表格的高度 不够的话用滚动条bScrollCollapse:当设置sScrolly时 如果数据没那么高 表格是否自适应高度bScrollInfinite:允许无限滚动 和google的图片搜索功能一样 一滚到最后就自动刷新sScrollXInner:是个百分比 实际就是表格的宽度一样sScrollX:也是百分比 实际就是水平方向滚动条件bSort:是否启用排序功能$(document).ready(function()$(#example).dataTable(sScrollX:100%,/表格的宽度sScrollXInner:110%,/表格的内容宽度bScrollCollapse:true,/当显示的数据不足以支撑表格的默认的高度时，依然显示纵向的滚动条。(默认是false)bPaginate:true,/是否显示分页bLengthChange:true,/每页显示的记录数bFilter:true,/搜索栏bSort:true,/是否支持排序功能bInfo:true,/显示表格信息bAutoWidth:false,/自适应宽度aaSorting:1,asc,/给列表排序，第一个参数表示数组(由0开始)。1表示Browser列。第二个参数为desc或是ascaoColumns:null,null,bVisible:true,/不可见bSearchable:false,/参与搜索,null,null,/列设置，表有几列，数组就有几项bStateSave:true,/保存状态到cookie*很重要，当搜索的时候页面一刷新会导致搜索的消失。使用这个属性就可避免了sPaginationType:full_numbers,/分页，一共两种样式，full_numbers和two_button(默认)oLanguage:sLengthMenu:每页显示_MENU_条记录,sZeroRecords:对不起，查询不到任何相关数据,sInfo:当前显示_START_到_END_条，共_TOTAL_条记录,sInfoEmtpy:找不到相关数据,sInfoFiltered:数据表中共为_MAX_条记录),sProcessing:正在加载中.,sSearch:搜索,sUrl:,/多语言配置文件，可将oLanguage的设置放在一个txt文件中，例：Javascript/datatable/dtCH.txtoPaginate:sFirst:第一页,sPrevious:上一页,sNext:下一页,sLast:最后一页,/多语言配置bJQueryUI:false,/可以添加jqury的uitheme需要添加cssaLengthMenu:10,25,50,-1,0,每页10条,每页25条,每页50条,显示所有数据,不显示数据/设置每页显示记录的下拉菜单););直接调用默认的设置$(#example).dataTable();jQuery 属性操作方法下面列出的这些方法获得或设置元素的 DOM 属性。这些方法对于 XML 文档和 HTML 文档均是适用的，除了：html()。方法描述addClass()向匹配的元素添加指定的类名。attr()设置或返回匹配元素的属性和值。hasClass()检查匹配的元素是否拥有指定的类。html()设置或返回匹配的元素集合中的 HTML 内容。removeAttr()从所有匹配的元素中移除指定的属性。removeClass()从所有匹配的元素中删除全部或者指定的类。toggleClass()从匹配的元素中添加或删除一个类。val()设置或返回匹配元素的值。jQuery 文档操作方法这些方法对于 XML 文档和 HTML 文档均是适用的，除了：html()。方法描述addClass()向匹配的元素添加指定的类名。after()在匹配的元素之后插入内容。append()向匹配元素集合中的每个元素结尾插入由参数指定的内容。appendTo()向目标结尾插入匹配元素集合中的每个元素。attr()设置或返回匹配元素的属性和值。before()在每个匹配的元素之前插入内容。clone()创建匹配元素集合的副本。detach()从 DOM 中移除匹配元素集合。empty()删除匹配的元素集合中所有的子节点。hasClass()检查匹配的元素是否拥有指定的类。html()设置或返回匹配的元素集合中的 HTML 内容。insertAfter()把匹配的元素插入到另一个指定的元素集合的后面。insertBefore()把匹配的元素插入到另一个指定的元素集合的前面。prepend()向匹配元素集合中的每个元素开头插入由参数指定的内容。prependTo()向目标开头插入匹配元素集合中的每个元素。remove()移除所有匹配的元素。removeAttr()从所有匹配的元素中移除指定的属性。removeClass()从所有匹配的元素中删除全部或者指定的类。replaceAll()用匹配的元素替换所有匹配到的元素。replaceWith()用新内容替换匹配的元素。text()设置或返回匹配元素的内容。toggleClass()从匹配的元素中添加或删除一个类。unwrap()移除并替换指定元素的父元素。val()设置或返回匹配元素的值。wrap()把匹配的元素用指定的内容或元素包裹起来。wrapAll()把所有匹配的元素用指定的内容或元素包裹起来。wrapinner()将每一个匹配的元素的子内容用指定的内容或元素包裹起来。bScrollCollapse: true,/当垂直滚动被允许的时候，DataTable会强制表格视图在任何时候都是给定的高度bPaginate: true,/是否分页bJQueryUI: true,/是否使用JQueryUIsPaginationType: full_numbers,/分页策略，分页按钮和全页数aLengthMenu: 10, 25, 50, -1, 10, 25, 50, 全部, bLengthChange:true,/每行显示记录数 oLanguage: /国际化文件 sUrl: include/dataTables_cn.txt ,bSort:true,/让各列具有排序功能/行选中UI样式，必加sDom: t, /bJQueryUI为true时才起作用bProcessing: true