jquery之datatable总结

上传人:ni****g 文档编号:558475238 上传时间:2022-10-04 格式:DOC 页数:4 大小:20.52KB
返回 下载 相关 举报
jquery之datatable总结_第1页
第1页 / 共4页
jquery之datatable总结_第2页
第2页 / 共4页
jquery之datatable总结_第3页
第3页 / 共4页
jquery之datatable总结_第4页
第4页 / 共4页
亲,该文档总共4页,全部预览完了,如果喜欢就下载吧!
资源描述

《jquery之datatable总结》由会员分享,可在线阅读,更多相关《jquery之datatable总结(4页珍藏版)》请在金锄头文库上搜索。

1、分页bPaginite:true;是否启用分页功能sPaginationType:two_button 或者full_numbers 分页风格sFirst:告诉他第一页怎么写sLast:告诉他最后一页怎么写sNext:告诉他下一页怎么写sPrevious:告诉他上一页怎么写语言sInfo:共_TOTAL_页 第_START_到_END_页,sEmptyTable:没有数据sInfoFiltered:从_MAX_条记录中搜索,sInfoPostFix: 底边栏的静态信息,sInfoThousands: 格式化信息,/格式化信息用的sLengthMenu:显示2040条信息 sSearch:搜索基

2、本的命令aaSorting:参数是个数组 ,单独定义每一列的排序方式aaSortingFixed:锁定某一列的排序方式 用户不能改变iDisplayLength:规定每一页的显示数目aLengthMenu:两个数组要一样,真正显示的是这个数组中的内容 最后一个是”all”bAutoWidth:自动调整列宽bDestroy:好比重新部署bFilter:是否启用过滤器bInfo:是否启用底边信息栏bLengthChange:就是是否启用上面那个可以方便显示几页的下拉框bProcessing:表格在处理数据时是否要显示信息sProcessing:定义表格在处理数据时要显示的信息bScrollAuto

3、Css:是否允许显示滚动条sScrollY:表格的高度 不够的话用滚动条bScrollCollapse:当设置sScrolly时 如果数据没那么高 表格是否自适应高度bScrollInfinite:允许无限滚动 和google的图片搜索功能一样 一滚到最后就自动刷新sScrollXInner:是个百分比 实际就是表格的宽度一样sScrollX:也是百分比 实际就是水平方向滚动条件bSort:是否启用排序功能$(document).ready(function()$(#example).dataTable(sScrollX:100%,/表格的宽度sScrollXInner:110%,/表格的内容

4、宽度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,/不可见bS

5、earchable:false,/参与搜索,null,null,/列设置,表有几列,数组就有几项bStateSave:true,/保存状态到cookie*很重要,当搜索的时候页面一刷新会导致搜索的消失。使用这个属性就可避免了sPaginationType:full_numbers,/分页,一共两种样式,full_numbers和two_button(默认)oLanguage:sLengthMenu:每页显示_MENU_条记录,sZeroRecords:对不起,查询不到任何相关数据,sInfo:当前显示_START_到_END_条,共_TOTAL_条记录,sInfoEmtpy:找不到相关数据,s

6、InfoFiltered:数据表中共为_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条,显示所有数据,不显示数据/设置每页显示记录的下

7、拉菜单););直接调用默认的设置$(#example).dataTable();jQuery 属性操作方法下面列出的这些方法获得或设置元素的 DOM 属性。这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。方法描述addClass()向匹配的元素添加指定的类名。attr()设置或返回匹配元素的属性和值。hasClass()检查匹配的元素是否拥有指定的类。html()设置或返回匹配的元素集合中的 HTML 内容。removeAttr()从所有匹配的元素中移除指定的属性。removeClass()从所有匹配的元素中删除全部或者指定的类。toggleClass()从匹配的元

8、素中添加或删除一个类。val()设置或返回匹配元素的值。jQuery 文档操作方法这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。方法描述addClass()向匹配的元素添加指定的类名。after()在匹配的元素之后插入内容。append()向匹配元素集合中的每个元素结尾插入由参数指定的内容。appendTo()向目标结尾插入匹配元素集合中的每个元素。attr()设置或返回匹配元素的属性和值。before()在每个匹配的元素之前插入内容。clone()创建匹配元素集合的副本。detach()从 DOM 中移除匹配元素集合。empty()删除匹配的元素集合中所有的子节

9、点。hasClass()检查匹配的元素是否拥有指定的类。html()设置或返回匹配的元素集合中的 HTML 内容。insertAfter()把匹配的元素插入到另一个指定的元素集合的后面。insertBefore()把匹配的元素插入到另一个指定的元素集合的前面。prepend()向匹配元素集合中的每个元素开头插入由参数指定的内容。prependTo()向目标开头插入匹配元素集合中的每个元素。remove()移除所有匹配的元素。removeAttr()从所有匹配的元素中移除指定的属性。removeClass()从所有匹配的元素中删除全部或者指定的类。replaceAll()用匹配的元素替换所有匹配

10、到的元素。replaceWith()用新内容替换匹配的元素。text()设置或返回匹配元素的内容。toggleClass()从匹配的元素中添加或删除一个类。unwrap()移除并替换指定元素的父元素。val()设置或返回匹配元素的值。wrap()把匹配的元素用指定的内容或元素包裹起来。wrapAll()把所有匹配的元素用指定的内容或元素包裹起来。wrapinner()将每一个匹配的元素的子内容用指定的内容或元素包裹起来。bScrollCollapse: true,/当垂直滚动被允许的时候,DataTable会强制表格视图在任何时候都是给定的高度bPaginate: true,/是否分页bJQu

11、eryUI: 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,/开启读取服务器数据时显示正在加载中bServerSide: true,/配置DataTable使用服务器端处理/需要 写自定义的action,该参数用来向DataTable指定加载的外部数据源(如果想使用现有的数据,请使用aData),/可以简单的提供一个可以用来获得数据url或者JSON对象,该对象必须包含aaData,作为表格的数据源

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 办公文档 > PPT模板库 > 总结/计划/报告

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号