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')