Django的使用我們可以查看上一篇博客,今天我們要在Django中使用easyui快速開發,在我們安裝好Django,
我們可以道改地址那一下easyui 官方API文檔(http://download.csdn.net/album/detail/343)
1.我們要在Django項目建立靜態資源,在建立easyui文件夾,把在上面地址下載的文件放入其中,在映入如
下圖所示的js

加載靜態資源要如下完成配置
urls.py:

setting.py:

2.我們要進行頁面的布局
使用$ .fn.layout.defaults重寫默認值對象。
布局容器有5個區域:北,南,東,西和中間中間區域面板是必須的,邊緣的面板都是可選的每個。邊緣區域面板都可以通過拖拽其邊
框改變大小,也可以點擊折疊按鈕將面板折疊起來。布局可以進行嵌套,用戶可以通過組合布局構建復雜的布局結構。
<body class="easyui-layout">
<div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div>
<div data-options="region:'west',title:'West',split:true" style="width:200px;">
<ul id ="tt" class="easyui-tree" ></ul>
</div>
<div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>
<div id="category-form-dialog">
<form action="">
name:<input class="easyui-validatebox" type="text" id="name" data-options="required:true" /><br>
parent:<input id="cc" class="easyui-combotree" style="width:200px;" >
</select>
</form>
</div>
</body>
3.樹控件:
樹控件在網頁頁面中一個將分層數據以樹形結構進行顯示。它提供用戶展開,折疊,拖拽,編輯和異步加載等功能。
樹控件使用
元素定義。標簽能夠定義分支和子節點。都節點定義在
列表內的
元素中。顯示以下的元素將被用作樹節點嵌套在
元素中。
<ul id ="tt" class="easyui-tree" ></ul>
#jsp代碼
$('#tt').tree({
url: '/goods/treeTest',
});
動態獲取🌲:
@csrf_exempt
def treeTest(request):
try:
id = int(request.POST['id'])
treeDict = []
data = Category.objects.filter(parent=Category.objects.get(pk=id))
for en in data:
d = {}
d['id'] = en.id
d['text'] = en.name
d['state'] = 'closed'
treeDict.append(d)
except:
data = Category.objects.filter(parent=None)
treeDict = []
for en in data:
d = {}
d['id'] = en.id
d['text'] = en.name
d['state'] = 'closed'
treeDict.append(d)
return HttpResponse(json.dumps(treeDict), 'treeTest')
