jquery_datatables,jquery插件datatables
web前端-js教程
jQuery 的插件 dataTables 是一个优秀的表格插件，提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。光线电影源码,怎么卸载vscode软件,ubuntu玩大话,tomcat 未正常关闭,常德爬虫,零基础学php 下载,网站seo推广优化招聘,仿08影院视频网站模板,栏目模板dede文件名lzw
如何把数据库中的数据以表格的形式展示到前端，实现有很多方法，最近用jquery的datatables插件来实现了发现还是比较简单的，今天我们来看一个例子，来说明这个插件的使用，基本原理是view函数从数据库中读出数据，jquery通过ajax获取数据并在前端展示出来，我们先定义一个models.py,如下：信息收集管理系统asp源码,ubuntu系统激活网卡,爬虫环境配置教程,php 变量乱码,福州京东seolzw
from django.dbimport modelsclass MyModel(models.Model):someAttr = models.CharField()def __unicode__(self):return self.someAttr然后定义我们的view函数：
微地产 源码,ubuntu英语键盘布局,tomcat5高危漏洞,爬虫缸吧,php面向对象的网页,乎seolzw
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'),)最后就是模板文件内容了：其中url指定你的view函数名称，columns指定要显示的列，这样数据就以表格的形式展示出来了，要想美观记得自己要上样式，推荐bootstrap，datatables是一次把数据全部加载到前端来处理，所以如果你加载的条目非常多，就会有停顿感，必须要加上bServierSide参数。$(document).ready(function() {$('#example').dataTable( {"processing": true,"ajax": {"processing": true,"url": "{% url 'my_ajax_url' %}","dataSrc": ""},"columns": [{ "data": "fields.someAttr },{ "data": "pk" }]} );} ); My Attr Heading
关于jQuery插件datatables使用教学小编就给大家介绍到这里，希望对大家有所帮助！