{"id":341,"date":"2009-06-04T17:12:00","date_gmt":"2009-06-04T17:12:00","guid":{"rendered":"http:\/\/www.tutego.de\/blog\/javainsel\/?p=341"},"modified":"2009-06-04T17:12:00","modified_gmt":"2009-06-04T17:12:00","slug":"einen-einfachen-baum-mit-ext-gwt-tree-treeitem","status":"publish","type":"post","link":"https:\/\/www.tutego.de\/blog\/javainsel\/2009\/06\/einen-einfachen-baum-mit-ext-gwt-tree-treeitem\/","title":{"rendered":"Einen einfachen Baum mit Ext GWT (Tree, TreeItem)"},"content":{"rendered":"<p>Im Mittelpunkt steht com.extjs.gxt.ui.client.widget.tree.Tree, dem entweder com.extjs.gxt.ui.client.widget.tree.TreeItem-Objekte zugeordnet werden, oder ein komplexeres Modell zugewiesen wird. Mit TreeItem ist schnell ein statischer Baum aufgebaut: <\/p>\n<p>Tree tree = new Tree();  <\/p>\n<p>TreeItem rootTreeItem = new TreeItem( &#8222;Hauptobjekte&#8220; );<br \/>tree.getRootItem().add( rootTreeItem );  <\/p>\n<p>rootTreeItem.add( new TreeItem( &#8222;Kunden&#8220; ) );<br \/>rootTreeItem.add( new TreeItem( &#8222;Seminare&#8220; ) );<br \/>rootTreeItem.add( new TreeItem( &#8222;Referenten&#8220; ) );<br \/>rootTreeItem.setExpanded( true );  <\/p>\n<p>tree.addListener( Events.OnClick, new Listener&lt;TreeEvent&gt;()<br \/>{<br \/>&nbsp; @Override public void handleEvent( TreeEvent be )<br \/>&nbsp; {<br \/>&nbsp;&nbsp;&nbsp; if ( be.getItem().isLeaf() )<br \/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Info.display( &#8222;Element: &#8222;, be.getItem().getText() );<br \/>&nbsp; }<br \/>} );<br \/>contentPanel.add( tree ); <\/p>\n<p>Wie bei Swing gibt es ein Root-Icon und darunter liegen die Kinder. <\/p>\n<p>Mit einem Listener l\u00e4sst sich erfragen, ob der Baum ausgefaltet wird oder ob Bl\u00e4tter ausgew\u00e4hlt wurden. Das Beispiel h\u00f6rt nur auf die Auswahl der Kinder und gibt eine Meldung aus.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Im Mittelpunkt steht com.extjs.gxt.ui.client.widget.tree.Tree, dem entweder com.extjs.gxt.ui.client.widget.tree.TreeItem-Objekte zugeordnet werden, oder ein komplexeres Modell zugewiesen wird. Mit TreeItem ist schnell ein statischer Baum aufgebaut: Tree tree = new Tree(); TreeItem rootTreeItem = new TreeItem( &#8222;Hauptobjekte&#8220; );tree.getRootItem().add( rootTreeItem ); rootTreeItem.add( new TreeItem( &#8222;Kunden&#8220; ) );rootTreeItem.add( new TreeItem( &#8222;Seminare&#8220; ) );rootTreeItem.add( new TreeItem( &#8222;Referenten&#8220; ) );rootTreeItem.setExpanded( true ); [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[16],"tags":[],"class_list":["post-341","post","type-post","status-publish","format-standard","hentry","category-gwt"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts\/341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/comments?post=341"}],"version-history":[{"count":0,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts\/341\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/media?parent=341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/categories?post=341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/tags?post=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}