safesite/safesite/templates/dichtml.html

<div class="easyui-layout" style="width:100%;height:100%;fit:true">
    <div data-options="region:'west',title:'字典目录',split:true,border:false" style="width:260px;height:100%;">
        <ul id="dicclasstree"></ul>
    </div>
    <div data-options="region:'center',title:'字典内容',split:true,border:false" style="height:100%;">

        <div id="dicbar" style="padding:5px;height:auto">

            {% load myfilter %}
            {% if request|has_permission:'b_dict_add' %}
            <a id="adddict" onclick="adddict()">新增</a>
            {% endif %}
            {% if request|has_permission:'b_dict_upd' %}
            <a id="editdict" onclick="editdict()">编辑</a>
            {% endif %}
            {% if request|has_permission:'b_dict_del' %}
            <a id="deldict" onclick="deldict()">删除</a>
            {% endif %}





        </div>
        <table id="dictable" style="height:100%;"></table>

    </div>
</div>
<script>
    $('#dictable').treegrid({
        rownumbers: true,
        singleSelect: true,
        striped: true,
        method: 'get',
        toolbar: '#dicbar',
        idField: 'dickeyid',
        treeField: 'dickeyname',
        columns: [[
            { field: 'dickeyid', title: '字典ID', hidden: true },
            { field: 'dickeyname', title: '项目值', width: '30%' },
            { field: 'dicparent__dicid', title: '分类ID', hidden: true },
            { field: 'dicparent__dicname', title: '所属分类', width: '20%' },
            { field: 'detail', title: '描述', width: '50%' },
        ]],
    });
    $('#dicclasstree').tree({
        url: 'dicchandle?a=tree',
        animate: true,
        loadFilter: function (rows) {
            return convert(rows,'closed');
        },
        formatter: function (node) {
            var s = node.text;
            if (node.children) {
                s += '&nbsp;<span style=\'color:blue\'>(' + node.children.length + ')</span>';
            }
            return s;
        },
        onClick: function (node) {
            //是叶子节点则打开或跳转到tab页。
            if ($('#dicclasstree').tree('isLeaf', node.target)) {
                $("#dictable").treegrid({
                url: 'getdickey?dicclass=' + node.id + '&a=datagrid',
                });
                $("#dictable").attr('name', node.id);
            }
         },
    });

    $('#adddict').linkbutton({
        iconCls: 'fa-plus',
        plain: true
    });
    $('#editdict').linkbutton({
        iconCls: 'fa-pencil',
        plain: true
    });
    $('#deldict').linkbutton({
        iconCls: 'fa-trash',
        plain: true
    });
    function adddict() {
        var row = $('#dicclasstree').tree('getSelected');
        var x = 0;

        if (row&&($('#dicclasstree').tree('isLeaf', row.target))) {
            x = row.id;
            $("#dd").dialog({
            maximizable: true,
            title: '新增字典',
            width: 400,
            height: 300,
            closed: false,
            cache: false,
            href: 'dicthandle?a=adddicth',
            queryParams: { 'dicparent': x },
            modal: true,
            border:false,
        });
        $("#dd").window('center');
        }else{
            $.messager.alert('提示', '请先选择左侧根节点!');
        }


    }

    //ajax接收的才是js对象
    function deldict() {
        var row = $('#dictable').treegrid('getSelected');
        if (row) {
            $.messager.confirm('提示', '确定删除吗?', function (r) {
                if (r) {
                    $.ajax({
                        type: "GET",
                        url: 'dicthandle?a=deldict&dickeyid=' + row.dickeyid,
                        datatype: "json",
                        beforeSend: function () { },
                        success: function (data) {
                            if (data.code == 1) {
                                $("#dictable").treegrid('reload');
                            } else {
                                $.messager.alert('提示', '您无权删除!');
                            }

                        },

                        complete: function (XMLHttpRequest, textStatus) {
                        },

                        error: function () {

                        }
                    });
                }
            }
            );
        }
        else {
            $.messager.alert('提示', '未选择数据!');
        }
    }
    function editdict() {
        var row = $('#dictable').treegrid('getSelected');
        if (row) {
            $.ajax({
                type: "GET",
                url: 'dicthandle?a=canedit&dickeyid='+row.dickeyid,
                datatype: "json",
                beforeSend: function () { },
                success: function (data) {
                    if (data.code == 1) {
                        $("#dd").dialog({
                            maximizable: true,
                            title: '编辑字典',
                            width: 400,
                            height: 300,
                            closed: false,
                            cache: false,
                            href: 'dicthandle?a=editdicth',
                            queryParams: { 'dicparent': row.dicparent__dicid, 'dickeyname': row.dickeyname, 'dickeyid': row.dickeyid ,'detail':row.detail},
                            modal: true,
                            border:false,
                        });
                        $('#dd').window('center');
                    } else {
                        $.messager.alert('提示', '您无权编辑!');
                    }

                },
            });
        }
        else {
            $.messager.alert('提示', '未选择数据!');
        }
    }  
</script>