OpenAuth.Net/OpenAuth.Mvc/Views/OrgManager/Index.cshtml

<div class="bjui-pageContent">
    <div class="clearfix">
        <div style="float: left; width: 220px; overflow: auto;" class="table table-bordered">
            <ul id="orgTree" class="ztree"></ul>
        </div>

        <div id="ztree-detail" style="margin-left: 225px; width: auto;height: auto">
            <table id="test-datagrid-array" data-width="100%" data-height="100%" class="table table-bordered"></table>
        </div>
    </div>
</div>

<script type="text/javascript">
    var selectedId = 0;
    $(document).ready(function () {
        Init(0);
    });
    //加载数据到datagrid
    function loadDataGrid(data) {
        $('#test-datagrid-array').datagrid({
            gridTitle: '机构列表显示',
            showToolbar: true,
            toolbarItem: 'add, edit, refresh, |, del',
            //toolbarCustom: '<button class=" btn-green" data-icon="plus" type="button">添加</button>' +
            //    '<button class=" btn-green" onclick="editOrg()" data-icon="pencil" type="button">编辑</button>',
            columns: [
              {
                  name: 'Id',
                  label:'Id',
                  hide: true,
                  edit:false
              },
              {
                  name: 'CascadeId',
                  label: '唯一标识',
                  edit:false
              },
              {
                  name: 'Name',
                  label: '机构名称'
              },
              {
                  name: 'ParentName',
                  label: '上级机构',
                  type: 'lookup',
                  attrs: { 'data-url': 'OrgManager/LookupParent' }
              },
            {
                name: 'Status',
                label: '禁用',
                type: 'boolean',
                align: 'center',
                render: function (value) {
                    return (value && String(value) == 'true') ?
                        '<span style="color:red;">是</span>' : '否'

                }
            },
              {
                  name: 'CreateTime',
                  label: '登记日期'
              }
            ],
            data: data,
            addUrl: 'OrgManager/AddOrg',
            delUrl: 'OrgManager/DelOrg',
            editUrl: 'OrgManager/EditOrg',
            editMode: 'dialog',
            fullGrid: true,
            showLinenumber: true,
            showCheckboxcol: true,
            paging: false,
            filterMult: false,
            showTfoot: true,
            delCallback: function (delResult) {
                if (delResult.Status == true)
                    Init(selectedId);
                else {
                    $(this).alertmsg('warn', delResult.Message);
                }
            }
        });
    }
    function zTreeOnClick(event, treeId, treeNode) {
        selectedId = treeNode.Id;
        $.getJSON('OrgManager/LoadChildren', {
            id: treeNode.Id
        }, function (json) {
            $('#ztree-detail').empty().append('<table id="test-datagrid-array" data-width="100%" data-height="100%" class="table table-bordered"></table>');
            loadDataGrid(json);
        });
    }
    function Init(selectedId) {
        var setting = {
            view: {
                selectedMulti: false
            },
            data: {
                key: {
                    name: 'Name',
                    title: 'Name'
                },
                simpleData: {
                    enable: true,
                    idKey: 'Id',
                    pIdKey: 'ParentId',
                    rootPId: 'null'
                }
            },
            callback: {
                onClick: zTreeOnClick
            }
        };
        $.getJSON('OrgManager/LoadOrg', function (json) {
            var zTreeObj = $.fn.zTree.init($('#orgTree'), setting, json);
            zTreeObj.expandAll(true);
            if (selectedId == 0) {
                loadDataGrid(json);
            } else {
                //TODO：设置ztree选中，不过没看到效果..
                var selectedNod = zTreeObj.getNodesByParam('Id', selectedId, null);
                zTreeObj.selectNode(selectedNod, false);
                $.getJSON('OrgManager/LoadChildren', {
                    id: selectedId
                }, function (data) {
                    $('#ztree-detail').empty().append('<table id="test-datagrid-array" data-width="100%" data-height="100%" class="table table-bordered"></table>');
                    loadDataGrid(data);
                });
            }
        });
    }
    function getSelected() {
        var selected = $('#test-datagrid-array').data('selectedTrs');
        if (selected == null) {
            $(this).alertmsg('warn', '至少选择一个对象', {
                displayMode: 'slide',
                title: '重要提示'
            });
        }
        return selected;
    }

    //自定义的编辑按钮
    function editOrg() {
        var selected = getSelected();
        if (selected == null) return;

    }
    //@@ sourceURL=orgIndex.js
</script>