jeasyui实现树和表格

1创建一个HTML网页，在jeasyui里找到树

2在HTML里写入网页：

3写好之后就要在树里面找代码看看需要哪一种：

我们选择这种的，看到会需要一个json文件，然后我们找json文件，

会发现json文件都是以字典的形式写入的那么我们可以自己尝试着试一下，在后台自己写一个树：

def queryTree(request):
    jsondata=[
        {
            'id':1,
            'text':'My Documents',
            'state':'closed'
        },
        {
            'id':2,
            'text':'python5',
            'state':'closed',
            'children':[
                {
                    'id':1,
                    'text':"c1"
                },
                {
                    'id':2,
                    'text':"c2"
                }

            ]
        }
    ]
    return HttpResponse(json.dumps(jsondata))

我们写的树就成功了然后把的路径该了

修改成这样

现在树就做好了，接下来我们要实现从数据库找，实现树：

需要导入这两个模块

从数据库查找内容：

@csrf_exempt
def queryTree(request):
    id=request.POST.get('id')
    if id is None:
        categorySet=Category.objects.filter(parent_id=None)
    else:
        categorySet = Category.objects.filter(parent_id=id)
    list=[]
    for category in categorySet:
        dict={}
        dict['id']=category.id
        dict['text']=category.cname
        #if len(Category.objects.filter(parent_id=dict['id']))>0:
        dict['state']='closed'
        list.append(dict)
    return HttpResponse(json.dumps(list))

树就好了：

下面开始创建表格：

在jeasyui里找到表格：

然后会看到很多方式，我们选择一个

自己根据数据库做修改

下面写后台让表格连接上数据库：

@csrf_exempt
def queryGrid(request):
    id=request.POST.get('id')
    if id is None:
        goodsSet = Goods.objects.all()
    else:
        goodsSet=Goods.objects.filter(category_id=id)

    gridJson={"total":Goods.objects.count()}
    list1=[]
    for goods in goodsSet:
        dict={}
        dict["id"]=goods.id
        dict['gname']=goods.gname
        dict['price']=goods.price
        dict['sum']=goods.sum
        dict['count']=goods.count
        dict['createTime']=str(goods.createTime)
        list1.append(dict)
    gridJson['rows']=list1
    return HttpResponse(json.dumps(gridJson))

我们写好了，现在就成功了

jeasyui实现树和表格

猜你喜欢