我正在尝试在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无效。
答案 0 :(得分:1)
建议不要在selectFolder回调中注入文件夹的子项,而是通过dataSource回调添加子项(如本例代码:http://getfuelux.com/javascript.html#tree-usage-javascript)。
dataSource的第一个参数是&#34;父数据&#34;当您单击树节点时(第二个参数是您发送新数据库子数据的回调)。
这样你可以使用selected event获取你的ID,因为它会传递给它的jQuery数据。