webapp.static.plugins.fuelux.fuelux.tree.min.js Maven / Gradle / Ivy

Go to download
(function(a, c) {
    var b = function(e, d) {
        this.$element = a(e);
        this.options = a.extend({}, a.fn.tree.defaults, d);
        this.$element.on("click", ".tree-item", a.proxy(function(f) {
            this.selectItem(f.currentTarget)
        }, this));
        this.$element.on("click", ".tree-folder-header", a.proxy(function(f) {
            this.selectFolder(f.currentTarget)
        }, this));
        this.$element.on("click", ".hfhref", a.proxy(function(f) {
            f.stopPropagation();
            this.eventClick(f.currentTarget)
        }, this));
        this.render()
    };
    b.prototype = {
        constructor: b,
        render: function() {
            this.populate(this.$element)
        },
        populate: function(f) {
            var e = this;
            var d = f.parent().find(".tree-loader:eq(0)");
            d.show();
            this.options.dataSource.data(f.data(), function(g) {
                d.hide();
                a.each(g.data, function(h, j) {
                    var i;
                    if (j.type === "folder") {
                        i = e.$element.find(".tree-folder:eq(0)").clone().show();
                        i.find(".tree-folder-name").html(j.name);
                        i.find(".tree-loader").html(e.options.loadingHTML);
                        var k = i.find(".tree-folder-header");
                        k.data(j);
                        if ("icon-class" in j) {
                            k.find('[class*="icon-"]').addClass(j["icon-class"])
                        }
                        //add by zqh 做默认展开处理
                        if (true || "additionalParameters" in j && "folder-opened" in j.additionalParameters && j.additionalParameters["folder-opened"] == true) {
                            var dd = a(k);
                            e.populate(dd)
                            k.find("." + e.options["close-icon"] + ":eq(0)").removeClass(e.options["close-icon"]).addClass(e.options["open-icon"]);
                            e.$element.trigger("opened", dd.data())
                            e.$element.trigger("closed", dd.data())
                        }
                    } else {
                        if (j.type === "item") {
                            i = e.$element.find(".tree-item:eq(0)").clone().show();
                            i.find(".tree-item-name").html(j.name);
                            i.data(j);
                            if ("additionalParameters" in j && "item-selected" in j.additionalParameters && j.additionalParameters["item-selected"] == true) {
                                i.addClass("tree-selected");
                                i.find("i").removeClass(e.options["unselected-icon"]).addClass(e.options["selected-icon"])
                            }
                        }
                    }
                    if (f.hasClass("tree-folder-header")) {
                        f.parent().find(".tree-folder-content:eq(0)").append(i);
                    } else {
                        f.append(i)
                    }
                });
                e.$element.trigger("loaded")
            })
        },
        selectItem: function(e) {
            if (this.options.selectable == false) {
                return
            }
            var d = a(e);
            var g = this.$element.find(".tree-selected");
            var f = [];
            if (this.options.multiSelect) {
                a.each(g, function(i, j) {
                    var h = a(j);
                    if (h[0] !== d[0]) {
                        f.push(a(j).data())
                    }
                })
            } else {
                if (g[0] !== d[0]) {
                    g.removeClass("tree-selected").find("i").removeClass(this.options["selected-icon"]).addClass(this.options["unselected-icon"]);
                    f.push(d.data())
                }
            }
            if (d.hasClass("tree-selected")) {
                d.removeClass("tree-selected");
                d.find("i").removeClass(this.options["selected-icon"]).addClass(this.options["unselected-icon"])
            } else {
                d.addClass("tree-selected");
                d.find("i").removeClass(this.options["unselected-icon"]).addClass(this.options["selected-icon"]);
                if (this.options.multiSelect) {
                    f.push(d.data())
                }
            }
            if (f.length) {
                this.$element.trigger("selected", {
                    info: f
                })
            }
        },
        selectFolder: function(e) {
            var d = a(e);
            var f = d.parent();
            if (d.find("." + this.options["close-icon"]).length) {
                if(f.parent().parent().is("td")) {
                    var parentMarginLeft = f.parent().css("margin-left");
                    f.parent().parent().parent().nextAll().each(function(){
                        var marginLeft = $(this).find("td:first .tree-folder-content").css("margin-left");
                        if(parseInt(parentMarginLeft.substr(0,parentMarginLeft.length -2)) >= parseInt(marginLeft.substr(0,marginLeft.length -2))) {
                            return false;
                        }
                        $(this).show();
                    });
                }else if (f.find(".tree-folder-content").children().length) {
                    f.find(".tree-folder-content:eq(0)").show()
                } else {
                    this.populate(d)
                }
                f.find("." + this.options["close-icon"] + ":eq(0)").removeClass(this.options["close-icon"]).addClass(this.options["open-icon"]);
                this.$element.trigger("opened", d.data())
            } else {
                if(f.parent().parent().is("td")) {
                    var parentMarginLeft = f.parent().css("margin-left");
                    f.parent().parent().parent().nextAll().each(function(){
                        var marginLeft = $(this).find("td:first .tree-folder-content").css("margin-left");
                        if(parseInt(parentMarginLeft.substr(0,parentMarginLeft.length -2)) >= parseInt(marginLeft.substr(0,marginLeft.length -2))) {
                            return false;
                        }
                        $(this).hide();
                    });
                }else if (this.options.cacheItems) {
                    f.find(".tree-folder-content:eq(0)").hide()
                } else {
                    f.find(".tree-folder-content:eq(0)").empty()
                }
                f.find("." + this.options["open-icon"] + ":eq(0)").removeClass(this.options["open-icon"]).addClass(this.options["close-icon"]);
                this.$element.trigger("closed", d.data())
            }
        },
        eventClick: function(e) {
            var $btn = $(e);
            var d = a($btn.parent().parent().parent());
            this.$element.trigger("clickBtn",[$btn, d.data()])
        },
        selectedItems: function() {
            var e = this.$element.find(".tree-selected");
            var d = [];
            a.each(e, function(f, g) {
                d.push(a(g).data())
            });
            return d
        },
        getAdditionalParameters: function(_$treeItem) {
            var d = a(_$treeItem);
            return d
        }
    };
    a.fn.tree = function(e, g) {
        var f;
        var d = this.each(function() {
            var j = a(this);
            var i = j.data("tree");
            var h = typeof e === "object" && e;
            if (!i) {
                j.data("tree", (i = new b(this, h)))
            }
            if (typeof e === "string") {
                f = i[e](g)
            }
        });
        return (f === c) ? d : f
    };
    a.fn.tree.defaults = {
        multiSelect: false,
        loadingHTML: "Loading...",
        cacheItems: true
    };
    a.fn.tree.Constructor = b
})(window.jQuery);