您好,欢迎访问一九零五行业门户网

jQuery插件datatables使用教程_jquery

jquery 的插件 datatables 是一个优秀的表格插件,提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。
如何把数据库中的数据以表格的形式展示到前端,实现有很多方法,最近用jquery的datatables插件来实现了发现还是比较简单的,今天我们来看一个例子,来说明这个插件的使用,基本原理是view函数从数据库中读出数据,jquery通过ajax获取数据并在前端展示出来,我们先定义一个models.py,如下:
from django.dbimport modelsclass mymodel(models.model):someattr = models.charfield()def __unicode__(self):return self.someattr
然后定义我们的view函数:
fromdjango.httpimporthttpresponsefromdjango.coreimportserializersfrom .modelsimportmymodeldefmymodel_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, urlurlpatterns = patterns('myapp.views',url(regex=r'^$',view='mymodel_asjson',name='my_ajax_url'),)
最后就是模板文件内容了:
my attr heading

其中url指定你的view函数名称,columns指定要显示的列,这样数据就以表格的形式展示出来了,要想美观记得自己要上样式,推荐bootstrap,datatables是一次把数据全部加载到前端来处理,所以如果你加载的条目非常多,就会有停顿感,必须要加上bservierside参数。
关于jquery插件datatables使用教程小编就给大家介绍到这里,希望对大家有所帮助!
其它类似信息

推荐信息