jQuery技术

Jquery.datatables 学习笔记(2)

字号+ 作者:H5之家 来源:H5之家 2017-04-05 18:00 我要评论( )

table id=itTable class=display dataTables cellspacing=0 width=100% align=center thead trthid/thth 所在物理机/thth 虚拟机名称/thth IP/thth 系统/thth 内存/thth 使用人/thth 创建时间/thth 终止时间/thth

<table id="itTable" class="display dataTables" cellspacing="0" width="100%" align="center" > <thead > <tr> <th>id</th> <th >所在物理机</th> <th >虚拟机名称</th> <th >IP</th> <th >系统</th> <th >内存</th> <th >使用人</th> <th >创建时间</th> <th >终止时间</th> <th >状态</th> <th >1级部门</th> <th >2级部门</th> <th >备注</th> <th >操作</th> </tr> </thead> </table>
3.附加 自己整理的一点jquery datable 属性注释

/**
* @Time 2015-01-10 16:58:33

* 新增一些关于jquery datatable所用的参数属性。为了以后看jquery代码能够明白。
*

* processing : 开关,以指定当正在处理数据的时候,是否显示“正在处理”这个提示信息
* serverSide : 保证页面在加载时就请求后台,以及每次对 datatable 进行操作时也是请求后台

* columns : 配置具体列的属性,包括对应的数据列名,是否支持搜索,是否显示,是否支持排序等。
* columnDefs : 自定义列 他的值为数组对象【targets : 表示具体需要操作的目标列,下标从 0 开始

* data: 表示我们需要的某一列数据对应的属性名
* render: 返回需要显示的内容。在此我们可以修改列中样式,增加具体内容】

* order[0][column]: 因为是二维的表格,因此只有一维需要排序,所以 order 的下标未 0. 该属性表示第几列需要排序。
* order[0][dir]: 排序方式 ASC | DESC

* search[value]: search 输入框中的值
* start: 其实记录位置

* length: 页面显示数量
* drawCallback:draw画 ,这个应该是重绘的回调函数

* createdRow:顾名思义,创建行得时候的回调函数
* bStateSave: true 保存客户端搜索条件等状态

* sPaginationType: "full_numbers" 出现首页、尾页
* mRender:function(data,type,full){ 通过回调函数添加button按钮

* sRowSelect: "os", 选中行高亮
*
* createdRow: function ( row, data, index ) {

初始化行时对数据进行过滤
*
* 后台参数说明

* draw: 表示请求次数
* recordsTotal: 总记录数

* recordsFiltered: 过滤后的总记录数
* data: 具体的数据对象数组

*/

猜你在找

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评