[gmarrufoMember]

Hi Dimitar,

Only if the source is actually written in the code like this:
var source = [
{ icon: “../../images/mailIcon.png”, label: “Mail”, expanded: true, items: [
{ icon: “../../images/calendarIcon.png”, label: “Calendar” },
{ icon: “../../images/contactsIcon.png”, label: “Contacts”, selected: true }
]
},
{ icon: “../../images/folder.png”, label: “Inbox”, expanded: true, items: [
{ icon: “../../images/folder.png”, label: “Admin” },
{ icon: “../../images/folder.png”, label: “Corporate” },
{ icon: “../../images/folder.png”, label: “Finance” },
{ icon: “../../images/folder.png”, label: “Other” },
]
},
{ icon: “../../images/recycle.png”, label: “Deleted Items” },
{ icon: “../../images/notesIcon.png”, label: “Notes” },
{ iconsize: 14, icon: “../../images/settings.png”, label: “Settings” },
{ icon: “../../images/favorites.png”, label: “Favorites” },
];

but in my case data is coming using this:

var records = s.split(“\|”);

where s = “Cost Center|Actuarial|etc”;

I need to create the tree first and then “addTo” in order for the Tree to be populated with the issues I mentioned before.

Any ideas?

Thanks,

G

[gmarrufoMember]

Hi Dimitar,

Thanks for the info, I’m doing this now:

$(‘#jqxTree’).jqxTree({ height: ‘500px’, width: ‘400px’, theme : summer, toggleMode: ‘none’ });

for(var i =0; i < records.length; i++) {
$('#jqxTree').jqxTree('addTo', { icon: "resources/img/page-foldericon.png", label: records[i] });
}

And it works however my label gets chopped up at the end missing at least one letter or two. Also because I have to recreate the tree multiple times I use the "clean" tree and I don't know because that sometimes my browser throws a "Script busy, cancel or continue"

Any ideas?

Thanks,

GM

[gmarrufoMember]

Hi Dimitar,

Thanks for the response, one question though:

I notice the tree uses “arrows” (left, right, down, up), what if I can change those icons with my own? Is that an issue at the CSS level I presume?

Thanks again for your time.

GM

[gmarrufoMember]

Hi Peter,

I decided to bite the bullet and move to jquery-1.9.1 and knockout-2.2.1, I’ve got to implement jquery-migrate-1.1.1.js but for the best part my site is working fine, just a little bit more information for you.

Thanks,

G

[gmarrufoMember]

Hi Peter,

Thanks for the reply, I’m glad this forum replies to the issues not like some others that I have to deal with

I actually load jquery-1.7.1 here is the snippet of code I use for such:

yepnope({
load : [‘resources/js/jquery-1.7.1.js’, ‘resources/img/splitter.png’, ‘resources/js/knockout-2.1.0.js’, ‘resources/js/sammy-0.7.1.js’, ‘resources/js/xdate-0.7.0.js’, ‘resources/js/jquery.form.js’, ‘resources/js/gettheme.js’, ‘resources/js/jqxcore.js’, ‘resources/js/jqxdata.js’, ‘resources/js/jqxbuttons.js’,’resources/js/jqxscrollbar.js’,’resources/js/jqxpanel.js’, ‘resources/js/jqxtree.js’, ‘resources/js/jqxcheckbox.js’],
complete: function() {
yepnope({
load : [‘resources/js/PIE-1.0.0.js’ ],
complete: function() {
yepnope({
load : [‘resources/js/posts-0.0.1.js’ ],
complete: function() {
$(‘.init’).each(function() {
$(this).removeClass(“init”);
});
}
});
}
});
}
});

I wanted to use a more updated version of the jquery however I don’t know the impact on my existing code.

Again thanks for the reply.

G

[Author]

Posts