{"id":257,"date":"2018-01-24T21:15:10","date_gmt":"2018-01-24T21:15:10","guid":{"rendered":"http:\/\/servoycomponents.dreamhosters.com\/?p=257"},"modified":"2019-02-19T21:15:07","modified_gmt":"2019-02-19T21:15:07","slug":"treeview-bean","status":"publish","type":"post","link":"https:\/\/servoycomponents.com\/components\/beans\/treeview-bean","title":{"rendered":"TreeView Bean"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_text_separator title=&#8221;OVERVIEW&#8221; i_icon_fontawesome=&#8221;fa fa-home&#8221; i_color=&#8221;custom&#8221; add_icon=&#8221;true&#8221; el_id=&#8221;overview&#8221; i_custom_color=&#8221;#126790&#8243;][vc_column_text]The TreeView Bean is a Servoy bean that enables you to create hierarchical Tree Views of your data.<\/p>\n<p>Existing (parent, child and foreign) records are easily added, via drag and drop or a popup menu, to the TreeView Bean.<\/p>\n<ul class=\"square\">\n<li><strong>New records\u00a0<\/strong>can be created from within the Bean<\/li>\n<li>Existing records in the tree can be edited using the\u00a0<strong>internal editor<\/strong><\/li>\n<li>Nodes and sub-trees can be\u00a0<strong>moved\u00a0<\/strong>from one parent node to another<\/li>\n<li>Control access to the various\u00a0<strong>add\/edit\/delete\/move\u00a0<\/strong>functions from your Servoy method<\/li>\n<li>Grant access to the User to control the editor parameters<\/li>\n<li>Metadata for the tree view is managed for you via the TreeView Bean<\/li>\n<li>Add\u00a0<strong>formatting information\u00a0<\/strong>without changing your original data<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1516828233450{border-left-width: 2px !important;padding-left: 10px !important;border-left-color: #1e73be !important;border-left-style: solid !important;border-radius: 1px !important;}&#8221;]<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-258\" src=\"https:\/\/servoycomponents.com\/wp-content\/uploads\/2018\/01\/treeviewadmin.gif\" alt=\"\" width=\"827\" height=\"435\" \/><br \/>\n<em>A screenshot of the TreeView Bean for administrators to manage an &#8216;Employee&#8217; structure.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-259\" src=\"https:\/\/servoycomponents.com\/wp-content\/uploads\/2018\/01\/treeviewusers.gif\" alt=\"\" width=\"614\" height=\"369\" \/><br \/>\n<em>A screenshot of the TreeView Bean for users to navigate within an &#8216;Employee&#8217; structure.<\/em>[\/vc_column_text][vc_text_separator title=&#8221;BENEFITS&#8221; i_icon_fontawesome=&#8221;fa fa-lightbulb-o&#8221; i_color=&#8221;custom&#8221; add_icon=&#8221;true&#8221; el_id=&#8221;benefits&#8221; i_custom_color=&#8221;#126790&#8243;][vc_column_text]<\/p>\n<ul class=\"square\">\n<li>Using the Hierarchical TreeView Bean means that deep hierarchical relationships between table rows can be supported without you needing to change your existing data model.<\/li>\n<li>Importantly, the tree is maintained totally by the User with &#8216;natural&#8217; drag and drop functionality.<\/li>\n<\/ul>\n<p>Whenever you want an alternative Tree View your choice should be the TreeView Bean.[\/vc_column_text][vc_text_separator title=&#8221;COMPATIBILITY&#8221; i_icon_fontawesome=&#8221;fa fa-chain-broken&#8221; i_color=&#8221;custom&#8221; add_icon=&#8221;true&#8221; el_id=&#8221;compatibility&#8221; i_custom_color=&#8221;#126790&#8243;][vc_column_text]<\/p>\n<div>\n<div id=\"compatibility\" class=\"section scrollspy\">\n<div class=\"content\">\n<table class=\"compatibilityt\">\n<thead>\n<tr>\n<th><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/01\/servoy.gif\" width=\"16\" height=\"16\" \/><\/th>\n<th><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/01\/javavm.gif\" width=\"16\" height=\"16\" \/><\/th>\n<th>Smart client<\/th>\n<th>Headless client<\/th>\n<th>Web client<\/th>\n<th>Mobile client<\/th>\n<th>NG client<\/th>\n<th id=\"mac\"><\/th>\n<th id=\"windows\"><\/th>\n<th id=\"linux\"><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>8.0+<\/td>\n<td>1.6+<\/td>\n<td class=\"compat_check\"><\/td>\n<td>&#8211;<\/td>\n<td>&#8211;<\/td>\n<td>&#8211;<\/td>\n<td>&#8211;<\/td>\n<td class=\"compat_check\"><\/td>\n<td class=\"compat_check\"><\/td>\n<td class=\"compat_check\"><\/td>\n<\/tr>\n<tr>\n<td>7.0+<\/td>\n<td>1.6+<\/td>\n<td class=\"compat_check\"><\/td>\n<td>&#8211;<\/td>\n<td>&#8211;<\/td>\n<td>&#8211;<\/td>\n<td>n\/a<\/td>\n<td class=\"compat_check\"><\/td>\n<td class=\"compat_check\"><\/td>\n<td class=\"compat_check\"><\/td>\n<\/tr>\n<tr>\n<td>6.1+<\/td>\n<td>1.6+<\/td>\n<td class=\"compat_check\"><\/td>\n<td>&#8211;<\/td>\n<td>&#8211;<\/td>\n<td>n\/a<\/td>\n<td>n\/a<\/td>\n<td class=\"compat_check\"><\/td>\n<td class=\"compat_check\"><\/td>\n<td class=\"compat_check\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][vc_text_separator title=&#8221;DOCUMENTATION&#8221; i_icon_fontawesome=&#8221;fa fa-code&#8221; i_color=&#8221;custom&#8221; add_icon=&#8221;true&#8221; el_id=&#8221;documentation&#8221; i_custom_color=&#8221;#126790&#8243;][vc_column_text]We\u00a0<strong>published\u00a0<\/strong>our\u00a0<strong><a href=\"http:\/\/software.servoycomponents.com\/documentation\/treeview\/treeview.html\">API Specifications\u00a0<\/a><\/strong>for the TreeView Bean as a future and current reference.<\/p>\n<p>After downloading the TreeView Bean using our Components Manager a sample solution {servoy_root}\/solutions\/it2be-examples\/it2be-treeview.servoy is installed.<br \/>\nYou can import the sample solution into Servoy Developer and you will have some (basic) code examples of how to use the TreeView Bean.[\/vc_column_text][vc_text_separator title=&#8221;RELEASE NOTES&#8221; i_icon_fontawesome=&#8221;fa fa-code-fork&#8221; add_icon=&#8221;true&#8221; el_id=&#8221;release_notes&#8221;]<pre class=\"mfn-code\">\n<!-- iframe plugin v.5.0 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" src=\"https:\/\/servoycomponents.com\/update\/treeview.release.notes\" width=\"100%\" height=\"300\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n<\/pre>\n[vc_text_separator title=&#8221;BUY NOW&#8221; i_icon_fontawesome=&#8221;fa fa-credit-card&#8221; i_color=&#8221;custom&#8221; add_icon=&#8221;true&#8221; el_id=&#8221;buynow&#8221; i_custom_color=&#8221;#126790&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"pricing-box  pricing-box-box\"><div class=\"plan-header\"><h2 class=\"title\">Developer<\/h2><div class=\"price\"><sup class=\"currency\">$<\/sup><span>220<\/span><sup class=\"period\"><\/sup><\/div><hr class=\"hr_color\" \/><p class=\"subtitle\"><big>One developer &amp; unlimited deployment<\/big><\/p><\/div><div class=\"plan-inside\"><span class=\"pi-content\"><\/p>\n<ul>\n<li>+35% p\/y<br \/>\nmaintenance fee<\/li>\n<\/ul>\n<p><\/span><\/div><div class=\"plan-footer\"><a href=\"https:\/\/subscriptions.zoho.com\/subscribe\/ecd30e00d022efa2293b765c8525987479bc88ff48c14354ad482bf477cf719e\/treeview-bean-developer\" class=\"button button_theme has-icon\"  title=\"Free Trial\"><span class=\"button_icon\"><i class=\"icon-credit-card\" aria-hidden=\"true\"><\/i><\/span><span class=\"button_label\">Free Trial<\/span><\/a><\/div><\/div>\n[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"pricing-box  pricing-box-box\"><div class=\"plan-header\"><h2 class=\"title\">Site<\/h2><div class=\"price\"><sup class=\"currency\">$<\/sup><span>465<\/span><sup class=\"period\"><\/sup><\/div><hr class=\"hr_color\" \/><p class=\"subtitle\"><big>Team of developers &amp; unlimited deployment<\/big><\/p><\/div><div class=\"plan-inside\"><span class=\"pi-content\"><\/p>\n<ul>\n<li>+35% p\/y<br \/>\nmaintenance fee<\/li>\n<\/ul>\n<p><\/span><\/div><div class=\"plan-footer\"><a href=\"https:\/\/subscriptions.zoho.com\/subscribe\/ecd30e00d022efa2293b765c8525987479bc88ff48c14354ad482bf477cf719e\/treeview-bean-site\" class=\"button button_theme has-icon\"  title=\"Free Trial\"><span class=\"button_icon\"><i class=\"icon-credit-card\" aria-hidden=\"true\"><\/i><\/span><span class=\"button_label\">Free Trial<\/span><\/a><\/div><\/div>\n[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Archive files, calculate with dates, format and validate a string and get to system variables .<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"_links":{"self":[{"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/posts\/257"}],"collection":[{"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/comments?post=257"}],"version-history":[{"count":6,"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/posts\/257\/revisions"}],"predecessor-version":[{"id":366,"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/posts\/257\/revisions\/366"}],"wp:attachment":[{"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/media?parent=257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/categories?post=257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/tags?post=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}