博主的更多文章>>

Jquery datatables插件

2012-03-18 17:08:32

标签：

原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。

 datatables fnServerData进行服务器端分页

mDataProp中对应着VO对象中的各个字段，名称必须与VO对象中的字段一一对应；如果使用fnRender，可以不同，

因为使用具体的数据进行渲染，而不是根据默认的名称匹配来填充数据

jquery.data.table.cn.txt中定义分页时的页面显示情况，内容如下：

在vm模板中定义表头

这里，必须使用<thead>、<tbody>标签，datatables插件才能识别

显示的效果如下图：

 说明：

1. mDataProp表示在将要显示的页面中column中的元素

2. sProcessing, sMenuLength等第一个字母表示数据类型；如果是aa表示二维数组

Datatables两种使用方式：

1. 前台分页，直接在模板中填充数据，使用datatables插件来渲染样式；

vm模板：

对应的js处理

2. 后台分页，使用ajax请求，使用上面介绍的方式

 

本文出自 “黑白灰” 博客，请务必保留此出处

leonmau、daogugo、ssy341

4人

了这篇文章

类别：WEB┆阅读(0)┆评论(0) ┆ 返回博主首页┆返回博客首页

上一篇 intellij code coverage 下一篇 jquery dialog插件artdialog

职位推荐

文章评论

 

2012-05-10 16:08:38

楼主写得真详细。 请求下，把第一列不显示， 却要拿到第一列的值，怎么拿

2012-05-19 22:47:32

回复 daogugo:
在vm中不定义对应的th，aocolumns中也不定义，然后在js中使用临时变量保存你所需要的值即可，类似于上面的 var isPublished = oObj.aData.isPublished; 注意oObj.aData.isPublished值不能多次取，所以得定义在临时变量中，以便重复使用

2012-05-24 11:27:17

回复 leonmau:

多谢楼主， 我按照楼主的建议去做了，解决了这个问题

2012-06-26 15:21:59

我建了一个datatables的交流群 感兴趣的可以加入 大家一起探讨

2012-06-26 15:22:20

20779435 忘记贴群号了 悲剧