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