django+easyui+datagrid

import json
from django.core import serializers
from .models import UserInfo
def findByPage(request):
    res = '{"total":12,"rows":[{"id":1,"username":"admin","password":"admin","sex":"男","age":20},' \
          '{"id":2,"username":"admin","password":"admin","sex":"男","age":20},' \
          '{"id":3,"username":"admin","password":"admin","sex":"男","age":20},' \
          '{"id":4,"username":"admin","password":"admin","sex":"男","age":20},'\
           '{"id":5,"username":"admin","password":"admin","sex":"男","age":20},' \
           '{"id":6,"username":"admin","password":"admin","sex":"男","age":20},' \
           '{"id":7,"username":"admin","password":"admin","sex":"男","age":20},' \
           '{"id":8,"username":"admin","password":"admin","sex":"男","age":20},' \
           '{"id":9,"username":"admin","password":"admin","sex":"男","age":20},' \
           '{"id":10,"username":"admin","password":"admin","sex":"男","age":20},' \
           '{"id":11,"username":"admin","password":"admin","sex":"男","age":20},' \
          '{"id":12,"username":"admin","password":"admin","sex":"男","age":20}]}'

    page = request.GET.get("page")
    rows = request.GET.get("rows")
    list = UserInfo.objects.all()[:2]
    total = len(list)
    json_data = serializers.serialize("json",list)
    json_data = json.loads(json_data)
    resList = {"total":12,"rows":json_data}
    ulist = json.dumps(resList)
    return HttpResponse(res)

HTML页面部分：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户列表页面</title>
    <link href="/static/css/base.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/easyui/uimaker/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/easyui/uimaker/icon.css">
    <script type="text/javascript" src="/static/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/static/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/easyui/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#tt").datagrid({
              title:"信息列表",
              url:"/findByPage/",
              method:"GET",
              loadMsg:"数据加载中..",
              pagination:true,
              striped:true,
              columns:[[
               {field:"id","title":"编号",width:100,align:"center"},
                    {field:"username","title":"用户名称",width:100,align:"center"},
                    {field:"password","title":"用户密码",width:100,align:"center"},
                    {field:"sex","title":"性别",width:100,align:"center"},
                    {field:"age","title":"年龄",width:100,align:"center"},
                    {field:"opreation","title":"操作",formatter:function(value,rowData,index){
                    return "<a href='javascript:void(0)' onclick='detail("+rowData.id+")'>详情   </a>"
                    +"<a href='javascript:void(0)' onclick='removeTaxPayer("+rowData.id+")'>删除   </a>"
                    +"<a href='javascript:void(0)' onclick='edit("+rowData.id+")'>修改   </a>"
                    }}
              ]]
              })
        })

    </script>
</head>
<body>
    <table id="tt"></table>

</body>
</html>

猜你喜欢