web/assets/libs/edusoho/ztree/0.0.1/select-tree.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

define(function(require, exports, module) {
    require('z_tree');
    require('jquery-plugin/zTree/3.5.21/css/edusohoStyle/zTreeStyle.css');
    require('org_z_tree_css');
    var Widget = require('widget');

    var SelectTree = Widget.extend({
        attrs: {
            displayBlockEl: 'ztreeContent',
            treeRootEl: 'orgZtree'
        },

        events: {

        },

        setup: function() {
            this.inputID = $(this.element).data('inputName');
            this.menuContent = this.get('displayBlockEl');
            this.treeRoot = this.get('treeRootEl');
            if (this.get('modal')) {
                this.inputID = 'modal-' + this.inputID;
                this.menuContent = 'modal-' + this.menuContent;
                this.treeRoot = 'modal-' + this.treeRoot;
            }

            this.lastValue = this.oldValue = this.nodeList = null;
            this.initDom();
            this.initSelectTree();
            this.zTree = this.getSelectTree();
            this.initTreeEvent();
        },

        getSelectTree: function() {
            return $.fn.zTree.getZTreeObj(this.treeRoot);
        },

        initDom: function() {
            var sourceUrl = $(this.element).data('url');
            var width = $(this.element).outerWidth(true);
            var inputName = $(this.element).data('inputName');
            var inputValue = $(this.element).data('inputValue');
            //ztree 初始化的容器
            var selectDom = "<div id='" + this.menuContent + "' class='ztreeContent' style='display:none; position: absolute; z-index: 10000;'>" +
                "<ul id='" + this.treeRoot + "' class='ztree' style='margin-top:0; width:" + width + "px;z-index: 10000' data-source=" + sourceUrl + "></ul>" +
                "</div>";

            var selectOrgCodeDom = ' <input  type ="hidden" name="' + inputName + '" id ="' + this.inputID + '" value="' +inputValue+ '" >';

            $(this.element).parents('.controls').append(selectOrgCodeDom);
            $(this.element).parents('.controls').append(selectDom);

        },

        initTreeEvent: function() {
            var self = this;

            $(this.element).bind("focus", this.focusKey.bind(self)).bind("blur", this.blurKey.bind(self)).bind('click input propertychange', function() {
                self.zTree.expandAll(false);
                self.showMenu();