jQuery插件datatables如何使用

這篇文章主要介紹了jQuery插件datatables如何使用的相關(guān)知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇jQuery插件datatables如何使用文章都會有所收獲，下面我們一起來看看吧。

站在用戶的角度思考問題，與客戶深入溝通，找到山丹網(wǎng)站設計與山丹網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站設計、網(wǎng)站建設、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、主機域名、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務覆蓋山丹地區(qū)。

jQuery 的插件 dataTables 是一個優(yōu)秀的表格插件，提供了針對表格的排序、瀏覽器分頁、服務器分頁、篩選、格式化等功能。

如何把數(shù)據(jù)庫中的數(shù)據(jù)以表格的形式展示到前端，實現(xiàn)有很多方法，最近用jquery的datatables插件來實現(xiàn)了發(fā)現(xiàn)還是比較簡單的，今天我們來看一個例子，來說明這個插件的使用，基本原理是view函數(shù)從數(shù)據(jù)庫中讀出數(shù)據(jù)，jquery通過ajax獲取數(shù)據(jù)并在前端展示出來，我們先定義一個models.py,如下：

from django.dbimport models
class MyModel(models.Model):
someAttr = models.CharField()
def __unicode__(self):
return self.someAttr

然后定義我們的view函數(shù)：

fromdjango.httpimportHttpResponse
fromdjango.coreimportserializers
from .modelsimportMyModel
defmyModel_asJson(request):
object_list = MyModel.objects.all() 
json = serializers.serialize('json', object_list)
return HttpResponse(json, content_type='application/json')

因為datatables接收的是json格式數(shù)據(jù)，所以從數(shù)據(jù)庫中讀出的數(shù)據(jù)要序列化，就是這句：

json = serializers.serialize(‘json', boject_list)

添加下url.py：

from django.conf.urlsimport patterns, url
urlpatterns = patterns('myapp.views',
url(regex=r'^$',
view='myModel_asJson',
name='my_ajax_url'),
)

最后就是模板文件內(nèi)容了：

My Attr Heading

其中url指定你的view函數(shù)名稱，columns指定要顯示的列，這樣數(shù)據(jù)就以表格的形式展示出來了，要想美觀記得自己要上樣式，推薦bootstrap，datatables是一次把數(shù)據(jù)全部加載到前端來處理，所以如果你加載的條目非常多，就會有停頓感，必須要加上bServierSide參數(shù)。

關(guān)于“jQuery插件datatables如何使用”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“jQuery插件datatables如何使用”知識都有一定的了解，大家如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享名稱：jQuery插件datatables如何使用
文章出自：http://m.jiaotiyi.com/article/jjsgei.html