OpenAuth.Net/OpenAuth.Mvc/BllScripts/parentTree.js

// ***********************************************************************
// Assembly         : OpenAuth.Mvc
// Author           : yubaolee
// Created          : 10-16-2016
//
// Last Modified By : yubaolee
// Last Modified On : 10-16-2016
// ***********************************************************************
// <copyright file="parentTree.js" company="www.cnblogs.com/yubaolee">
//     版权所有(C) 2015
// </copyright>
// <summary>单击文本框弹出的选择列表</summary>
// ***********************************************************************

function ParentTree(url, name, id) {
    var zTreeObj;
    var options = {
        text: 'Name',
        key: 'Id',
        parentKey: 'ParentId',
        nameDOM: name,   //显示的文本框ID，如："#catetoryName"
        idDOM: id   //隐藏的文本框，如："#categoryId"
    }
    var setting = {
        view: { selectedMulti: false },
        data: {
            key: {
                name: options.text,
                title: options.text
            },
            simpleData: {
                enable: true,
                idKey: options.key,
                pIdKey: options.parentKey,
                rootPId: 'null'
            }
        },
        callback: {
            onClick: onClick
        }
    };
    var showMenu = function () {
        $("#menuContent").css({ left: "10px", top: $("#" + options.nameDOM).outerHeight() + "px" }).slideDown("fast");
        $("body").bind("mousedown", onBodyDown);
    };

    var setCheck = function() {   //设置初始选中的值
        var value = vm.$get(options.idDOM);
        var node = zTreeObj.getNodeByParam("Id", value, null);
        if (node != null) {
            zTreeObj.selectNode(node, false, false);
        }
    }
    function onClick(e, treeId, treeNode) {
        var nodes = zTreeObj.getSelectedNodes();

        for (var i = 0, l = nodes.length; i < l; i++) {
            vm.$set(options.nameDOM, nodes[i].Name);
            vm.$set(options.idDOM, nodes[i].Id);
            break;
        }
        hideMenu();
    }
    function onBodyDown(event) {
        if (!(event.target.id == "menuContent" || $(event.target).parents("#menuContent").length > 0)) {
            hideMenu();
        }
    }
    function hideMenu() {
        $("#menuContent").fadeOut("fast");
        $("body").unbind("mousedown", onBodyDown);
    }
    return {
        reload: function () {
            var index = layer.load();
            $.getJSON(url,
                {
                    page: 1, rows: 10000
                },
            function (json) {
                layer.close(index);
                if (json.length == 0) {
                    vm.$set(options.nameDOM, '');
                    vm.$set(options.idDOM, '');
                    return;
                }
                zTreeObj = $.fn.zTree.init($("#org"), setting, json);
                setCheck();
                zTreeObj.expandAll(true);
                showMenu();
            });
        }
    }
}