Django+easyui 快速開發


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM