使用datatables实现后台分页功能，减轻前端渲染压力

注意不同版本，参数名字及参数内容存在差异，具体可以参考https://datatables.net/upgrade/1.10-convert#Options

控制页面显示的参数：https://datatables.net/reference/option/

前端传给后端的参数列表：

后端传给前端的参数列表：

修改搜索触发方式(原来的触发方式为keyup，修改为回车触发)：http://blog.csdn.net/u012088516/article/details/52423248

增加前端传给后端的参数：http://www.datatables.club/manual/daily/2016/04/21/option-ajax-data.html

前端传给后端的默认参数列表：

draw: 1

columns[0][data]: 0

columns[0][name]:

columns[0][searchable]: true

columns[0][orderable]: false

columns[0][search][value]:

columns[0][search][regex]: false

columns[1][data]: 1

columns[1][name]:

columns[1][searchable]: true

columns[1][orderable]: false

columns[1][search][value]:

columns[1][search][regex]: false

columns[2][data]: 2

columns[2][name]:

columns[2][searchable]: true

columns[2][orderable]: false

columns[2][search][value]:

columns[2][search][regex]: false

columns[3][data]: 3

columns[3][name]:

columns[3][searchable]: true

columns[3][orderable]: false

columns[3][search][value]:

columns[3][search][regex]: false

columns[4][data]: 4

columns[4][name]:

columns[4][searchable]: true

columns[4][orderable]: false

columns[4][search][value]:

columns[4][search][regex]: false

columns[5][data]: 5

columns[5][name]:

columns[5][searchable]: true

columns[5][orderable]: false

columns[5][search][value]:

columns[5][search][regex]: false

columns[6][data]: 6

columns[6][name]:

columns[6][searchable]: true

columns[6][orderable]: false

columns[6][search][value]:

columns[6][search][regex]: false

start: 0

length: 10

search[value]:

search[regex]: false

参考：

https://datatables.net/manual/server-side#Example-data

http://datatables.club

http://blog.csdn.net/u010403387/article/details/46355533

巴特西

使用datatables实现后台分页功能，减轻前端渲染压力

最新文章

热门文章