{"id":3568,"date":"2016-06-02T12:00:22","date_gmt":"2016-06-02T08:00:22","guid":{"rendered":"http:\/\/dhtmlx.com\/blog\/?p=3568"},"modified":"2026-04-03T15:39:42","modified_gmt":"2026-04-03T12:39:42","slug":"tree-vs-treeview-whats-difference","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/tree-vs-treeview-whats-difference\/","title":{"rendered":"Tree vs. TreeView: What’s the Difference"},"content":{"rendered":"

\n

\n
\n \n <\/path>\n <\/svg>\n\n INFO\n <\/div>\n\n
\n

\n If you are using an outdated version of DHTMLX Suite 5 and require the documentation for it, \n please contact us<\/a>,
and we will send it to you.\n <\/p>\n <\/div>\n <\/div>\n
\ndhtmlxTreeView<\/a> has joined dhtmlx components crew recently<\/a>. It’s a JavaScript tree menu component for displaying tree structure in your app. “But wait!”, you may say, “We’ve already had dhtmlxTree for these purposes. What Tree should we choose now?!” Continue reading to get the answer and to know what’s the difference between dhtmlxTree<\/a> and dhtmlxTreeView, and what are our plans regarding the future of these widgets.<\/p>\n

\"treeview-vs-tree\"<\/p>\n

Working with big datasets – TreeView<\/h5>\n

A long time ago in 2005 far, far away, dhtmlxTree was released. Since that time, the component was enhanced a dozen times and became one of the most powerful tree menu navigation controls in the industry. Though it’s still compatible with the modern browsers, dhtmlxTree lacks of fast rendering when we talk about big datasets. <\/p>\n

And here dhtmlxTreeView appears. A brand new component is capable to render more than 10000 records many times faster than old friend dhtmlxTree does!
\n\"speed<\/p>\n

So, if the performance when working with large amount of data is crucial for you, TreeView is here to download<\/a>.<\/p>\n

Data serialization and some extra features – Tree<\/h5>\n

If your requirements are strict enough, and you can’t see the life of your app without drag-and-drop between trees, or data serialization, you’d better delay the migration to TreeView for a while and use dhtmlxTree instead. For now, old Tree possesses more features and abilities that you might need in your development. Here you may find more information about Tree features<\/a>.<\/p>\n

A simple JavaScript Tree View for data structuring – TreeView<\/h5>\n

If your requirements are on the opposite to the described above, and your app requires a simple tree menu structure without complex features, then TreeView is a better choice. But you shouldn’t think that TreeView is too simple, the component has most useful features<\/a> already: drag-n-drop, dynamic loading, checkboxes, and multiple selection (more on their way).<\/p>\n

What’s next?<\/h5>\n

DHTMLX team will continue working on TreeView to make it more powerful and provide new must-have and just interesting features. dhtmlxTree won’t be left outboard, we are going to support the ui component to make it compatible with modern browsers and keep it bugs-free. <\/p>\n

Nevertheless, if you are a new user, and both trees are completely unfamiliar for you, we’d recommend you to start with TreeView as it has more bright prospects and planned development. <\/p>\n","protected":false},"excerpt":{"rendered":"

dhtmlxTreeView has joined dhtmlx components crew recently. It’s a JavaScript tree menu component for displaying tree structure in your app. “But wait!”, you may say, “We’ve already had dhtmlxTree …<\/p>\n","protected":false},"author":2,"featured_media":3579,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,72,1,38],"tags":[33,18,10,5],"class_list":["post-3568","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posts-for-codeproject-com","category-general","category-uncategorized","category-visible","tag-all-posts","tag-labs","tag-dhtmlxsuite","tag-dhtmlxtree"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/3568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=3568"}],"version-history":[{"count":5,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/3568\/revisions"}],"predecessor-version":[{"id":15367,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/3568\/revisions\/15367"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3579"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=3568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=3568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=3568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}