jQuery DataTables

  • https://www.datatables.net

本文参考的官方示例

  • http://datatables.net/release-datatables/examples/ajax/objects.html

关于Python序列化

  • http://www.cnblogs.com/linyawen/archive/2012/03/22/2411381.html

Django中的Models序列化

  • http://www.weiguda.com/blog/19/

Python的super用法

  • http://www.cnblogs.com/dkblog/archive/2011/02/24/1980654.html

models.py

from django.db import models

from django.contrib import admin

# Create your models here.

class BankData(models.Model):

    acc_no = models.CharField(max_length=45,primary_key=True)

    name   = models.CharField(max_length=45,blank=True,default='')

    bank   = models.CharField(max_length=45,blank=True,default='')

class BankDataAdmin(admin.ModelAdmin):

    list_display = ('acc_no',)

admin.site.register(BankData, BankDataAdmin)

serializers.py

from rest_framework import serializers

from myapp.models import BankData

class BankDataSerializer(serializers.ModelSerializer):

    class Meta:

        model = BankData

        fields = ('acc_no','name','bank')

views.py

#! /usr/bin/env python

# -*- coding:utf-8 -*-

from myapp.models import BankData

from django.http import HttpResponse

from myapp.serializers import BankDataSerializer

from rest_framework.renderers import JSONRenderer

#json

class JSONResponse(HttpResponse):

    def __init__(self, data, **kwargs):

        content = JSONRenderer().render(data)

        kwargs['content_type'] = 'application/json'

        super(JSONResponse, self).__init__(content,**kwargs)

#jsonp

class JSONPResponse(HttpResponse):

    def __init__(self, data, callback='callback',**kwargs):

        content = JSONRenderer().render(data)

        jsonp_content = callback+ "(" + content + ")"

        kwargs['content_type'] = 'application/json'

        super(JSONPResponse, self).__init__(jsonp_content,**kwargs)

#json for DataTables

class JSONDTResponse(HttpResponse):

    def __init__(self, data, **kwargs):

        content = JSONRenderer().render(data)

        dt_content = "{\"data\":" + content + "}"

        kwargs['content_type'] = 'application/json'

        super(JSONDTResponse, self).__init__(dt_content,**kwargs)

def datas(request):

    bds = BankData.objects.all()

    serializer = BankDataSerializer(bds,many=True)

    return JSONDTResponse(serializer.data)

bank_data.html

<!DOCTYPE html>

<head>

    <title>银行信息</title>

    <link rel="stylesheet" type="text/css" href="/static/css/jquery.dataTables.min.css">

    <script type="text/javascript" src="/static/js/jquery.js"></script>

    <script type="text/javascript" src="/static/js/jquery.dataTables.min.js"></script>

</head>

<body>

<script>

    $(document).ready(function() {

        $('#example').dataTable( {

            "bProcessing":true,

            "ajax":'/myapp/datas/',

            "columns":

            [

                {'data':'acc_no'},

                {'data':'name'},

                {'data':'bank'},

            ]

        });

    });

</script>

<table id="example" class="display" cellspacing="0" width="100%">

    <thead>

        <tr>

            <th>账号</th>

            <th>姓名</th>

            <th>银行</th>

        </tr>

    </thead>

    <tfoot>

        <tr>

            <th>账号</th>

            <th>姓名</th>

            <th>银行</th>

        </tr>

    </tfoot>

</table>

</body>

PS.Django中快速将Models变成字典对象

from django.forms.models import model_to_dict

from django.contrib.auth.models import User

us = User.objects.all()

print model_to_dict(us[0])

jQuery DataTables && Django serializer的更多相关文章

  1. [jQuery]jQuery DataTables插件自定义Ajax分页实现

    前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...

  2. jquery Datatables 行数据删除、行上升、行下降功能演示

    Datatables 是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能. 官方网站:http://www.datatables.net Datatables ...

  3. jQuery datatables

    jQuery datatables 属性,用例 参考:http://datatables.club/example/ http://blog.csdn.net/mickey_miki/article/ ...

  4. ASP.NET MVC+EF在服务端分页使用jqGrid以及jquery Datatables的注意事项

    引言: 本人想自己个博客网站出来,技术路线是用ASN.NET MVC5+EF6(Code First)+ZUI+各种Jquery插件,有了这个想法之后就开始选择UI,看了好多bootstrap的模板之 ...

  5. Jquery.Datatables 服务器处理(Server-side processing)

    看了看介绍 http://datatables.club/manual/server-side.html 没有经过处理的分页,先显示出来看看效果,就这样写(存储过程自己写) cshtml " ...

  6. Jquery Datatables 请求参数及接收参数处理

    Jquery Datatables 请求参数及接收参数处理 /** * Created by wb-wuyifu on 2016/8/9. */ /** * Created by wb-wuyifu ...

  7. Jquery DataTables相关示例

    一.Jquery-DataTables DataTables 是jquery的一个开源的插件.它具有高度灵活的特性,基于渐进增强的基础,可以为任何表格添加交互.它特性如下: 提供分页,搜索和多列排序: ...

  8. Jquery DataTables warning : Requested unknown from the data source for row 0

    昨天在做 Jquery DataTables 的时候,遇到的一个问题,我使用MVC,在tables上加入了一个actionlink的href.但是在运行起来的时候,报错: DataTables war ...

  9. jQuery DataTables Plugin Meets C#

    Over the weekend, I was doing some work on the internal CMS we use over at eagleenvision.net and I w ...

随机推荐

  1. Effective Objective-C 2.0 — 第13条：用“方法调配 技术” 调试 “黑盒方法”

    自己理解是调配了方法 在运行期,可以向类中新增或替换选择子所对应的方法实现. 使用另一份实现来替换原有的方法实现,这道工序叫做“方法调配”,开发者常用此技术向原有实现中添加新功能. 一般来说,只有调试 ...

  2. iOS 加急申请每个开发者必须会

    加急申请原来做过很多次,有成功,有拒绝(最终还是成功,一次不行,被拒绝后多来几下即可,直到成功).但是听朋友说了一件事情,很是不解:他们希望能快速审核上线,在淘宝里面找加速商店,首次上线12000元, ...

  3. string.replace正则表达式说明

    str.replace(reg,function($0,$1,$2...,index,str){ }); $0: 匹配模式的字符串$1...: 匹配模式子表达式的字符串,0个或多个,个数取决于子表达式 ...

  4. Java并发编程核心方法与框架-Executors的使用

    合理利用线程池能够带来三个好处 降低资源消耗.通过重复利用已创建的线程降低线程创建和销毁造成的消耗. 提高响应速度.当任务到达时,任务可以不需要等到线程创建就能立即执行. 提高线程的可管理性.线程是稀 ...

  5. 使用ab压测网页结果分析

    使用ab压测网页结果分析 下载工具:ab 图片来自:http://my.oschina.net/u/1246814/blog/291696?fromerr=JfLeu1jk

  6. gdb调试core文件

    本人最近正在学习调试技术,此处对栈溢出做一些总结. gdb的基本使用就不多扯了. 主要针对发行在外的release版本的软件出现问题时的调试. 一般来讲,查看堆栈就是使用bt,这个时候加上bt ful ...

  7. List对象排序通用方法

    import java.util.Collections; import java.util.Comparator; import java.util.List; import java.lang.r ...

  8. 微信 6.5.1 for iOS发布 可以在朋友圈分享相册中的视频

    今天微信 6.5.1 for iOS发布了,最主要的一个功能是可以在朋友圈分享相册中的视频,卖转发朋友圈视频软件的家伙估计要哭了.微信这次更新,更有利于个人号的运营,个人号的价值将更高.先定一个小目标 ...

  9. sql批量更换dedecms文章来源和作者

    前面写了一篇修改dedecms默认文章来源 "未知"改为关键词,那个是修改以后发布的文章“来源”才会变成自己设定的关键词,如果修改之前已经有很多文章了,那些文章“来源”还是显示“未 ...

  10. 解决Ckeditor编辑器不显示html实体，自动过滤html的问题

    Ckeditor 4.5.4,在编辑的时候,使用源码编辑,当保存内容包含Javascript.Style标签的时候,数据库中有Javascript.Style标签,输入到页面也可以执行,但是我再次编辑 ...