在fuelux树中获取文件夹的id或名称

时间:2016-03-18 10:12:38

标签: javascript jquery tree fuelux

我正在尝试在fuelux树中获取所选文件夹的ID或名称,但无法完成它。

我的树是一个经典的文件夹/文件类型树,我希望能够在单击文件时看到该文件夹​​的ID。

这是我的树数据源

var treeDataSource = new DataSourceTree({
                data: [
                    { name: 'Elektronik Belgelerim', type: 'folder', 'icon-class': 'blue', additionalParameters: { id: 'F1' } },
                    { name: 'Gelen Kutusu', type: 'folder', 'icon-class': 'blue', additionalParameters: { id: 'F2' } },
                    { name: 'Giden Kutusu', type: 'folder', 'icon-class': 'blue', additionalParameters: { id: 'F3' } },
                    { name: 'Çöp Kutusu', type: 'folder','icon-class':'green', additionalParameters: { id: 'I1' } },
                    //{ name: 'Çöp Kutusu', type: 'item', 'icon-class': 'success', additionalParameters: { id: 'F4' } },

                    //{ name: 'Reports', type: 'item', additionalParameters: { id: 'I1' } },
                    //{ name: 'Finance', type: 'item', additionalParameters: { id: 'I2' } }
                ],
                delay: 400
            });

树的js函数在tree-custom.js

中开始
var e = function (e, i) {
        this.$element = t(e), this.options = t.extend({}, t.fn.tree.defaults, i), this.$element.on("click", ".tree-item", t.proxy(function (t) {
            this.selectItem(t.currentTarget)
        }, this)), this.$element.on("click", ".tree-folder-header", t.proxy(function (t) {
            this.selectFolder(t.currentTarget)
        }, this)), this.render()
    };

这是我在trree-custom.js中再次添加文件夹下的链接的地方。非常原始我知道,但这就是我现在的技能所能做到的。我添加的部分是引号之间。休息时有超越主题,看起来像往常的燃料。

selectFolder: function (e) {
            //alert("testselectFolder");
            //
            //alert($('#myTree').tree({ dataSource: dataSource }));

            var i, n, r, o = t(e),
                s = o.parent(),
                a = s.find(".tree-folder-content"),
                l = a.eq(0);
            //-----------------------------------------------
            var li = $('<li>');
            var TcgbLink = $('<a href=/E-Belge/Main/Folder/Inbox/?Type=1&DocumentTypeId=3>e-TCGB</div>' +"</br>");
            var FaturaLink = $('<a href=/E-Belge/Main/Folder/Inbox/?Type=1&DocumentTypeId=4>e-Fatura</div>' + "</br>");
            var Dolasim = $('<a href=>e-Dolasim Belgesi</div>');
            li.append(FaturaLink);
            a.append(li);
            li.append(TcgbLink);
            a.append(li);
            li.append(Dolasim);
            a.append(li);
            //-----------------------------------------------
            o.find(".fa.fa-folder").length ? (i = "opened", n = ".fa.fa-folder", r = "fa fa-folder-open", l.show(), a.children().length || this.populate(o)) : (i = "closed", n = ".fa.fa-folder-open", r = "fa fa-folder", l.hide(), this.options.cacheItems || l.empty()), s.find(n).eq(0).removeClass("fa fa-folder fa-folder-open").addClass(r), this.$element.trigger(i, o.data())

        },

现在这些链接都是在所有4个文件夹下生成的。我希望能够获取文件夹的id(或名称,最好是Id),以便我可以为查询字符串分配新的Type参数。

到目前为止,我尝试使用this.data.id来获取ID无效。

1 个答案:

答案 0 :(得分:1)

建议不要在selectFolder回调中注入文件夹的子项,而是通过dataSource回调添加子项(如本例代码:http://getfuelux.com/javascript.html#tree-usage-javascript)。

dataSource的第一个参数是&#34;父数据&#34;当您单击树节点时(第二个参数是您发送新数据库子数据的回调)。

这样你可以使用selected event获取你的ID,因为它会传递给它的jQuery数据。