中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jQuery插件datatables如何使用

發布時間:2022-10-23 14:00:57 來源:億速云 閱讀:145 作者:iii 欄目:編程語言

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

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

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

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

然后定義我們的view函數:

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格式數據,所以從數據庫中讀出的數據要序列化,就是這句:

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'),
)

最后就是模板文件內容了:

<tablecellpadding="0" cellspacing="0" border="0" id="example">
<thead>
<tr><th>My Attr Heading</th></tr>
</thead>
<tbody></tbody>
</table>
<scripttype="text/javascript" language="javascript" class="init">
$(document).ready(function() {
$('#example').dataTable( {
"processing": true,
"ajax": {
"processing": true,
"url": "{% url 'my_ajax_url' %}",
"dataSrc": ""
},
"columns": [
{ "data": "fields.someAttr },
{ "data": "pk" }
]
} );
} );
</script>

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

關于“jQuery插件datatables如何使用”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“jQuery插件datatables如何使用”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

镇平县| 辽阳县| 囊谦县| 泊头市| 莫力| 遵义市| 毕节市| 黔江区| 安龙县| 武夷山市| 潍坊市| 磴口县| 河北省| 铁岭市| 达孜县| 高青县| 旅游| 梁河县| 平遥县| 光山县| 共和县| 五大连池市| 星座| 霞浦县| 清丰县| 夹江县| 甘洛县| 浪卡子县| 渝北区| 泾源县| 吴旗县| 柳林县| 灌云县| 广水市| 政和县| 阳原县| 宜兰县| 兴山县| 莒南县| 通道| 安陆市|