datatables小结

 

www.datables.net ，key features在此就不在描叙了，主页上都有，基本的配置也有相应的examples，在此主要写一些在实践中遇到的问题。

1. bServerSide ： Configure DataTables to use server-side processing. Note that the sAjaxSource parameter must also be given in order to give DataTables a source to obtain therequired data  for each draw.

以上是主页上的原文，基本意思说设置这个参数目的是使用服务端的处理，既然是服务端的处理就要给出服务端的请求了。上面说了，目的是给 datatables一个数据来源在每次 draw （可以理解为刷新）的时候获取所需要的数据。

相反设置sAjaxSource 的时候不要求设置 bserverSide. 如果设置了 bServerSide 为 true 那么在每次出发 table 的搜索或者是排序的事件时， datatable 每次都会发送 ajax 请求到服务端。这样你的搜索和排序的功能就没法用了 . 要使搜索和排序功能有效只有 bServerSide 为 false 且 bStateSave   也为 false的时候才能发挥功效。(两种默认都是为false。

2. Datatables提供的搜索和排序都是针对从服务端已经发送过来的数据进行操作的，解决上面的问题的办法就是把 bServerSide 设为 false ，这样又会面临一个新的问题，就是当前对数据进行了修改，调用 fnDraw() 方法刷新数据时， datatables 并不会重新发送 ajax 请求从服务端获取新的数据。（因为 bServerSide 的值是 false ）虽然后台数据已经发生了改变，但是客户端还是全然不知。

3. 解决上面的办法就要使出datatables 的 plug-in 了， fnReloadAjax()

评论

1 楼 ssy341 2012-10-04  

如果设置了 bServerSide 为 true 了不是排序和搜索不能用了，是自己需要处理这些参数，把数据再传给datatables，也就是扩展他的bsort和bsearch方法