How to create Editable Tree structure with database data

[Nomula vasudevu]

The Requirement is I should show a tree strucutre, fetching the data from database. The tree structure must be editable. The end user is allowed to rename/add/delete the leaves/node of the tree, the changes should be reflected in the data base. This task should be done using GWT. I am very new to GWT, please guide me how this task can be accomplished. Thanks in advance.

[subhransu das]

Hey you should use Ext GWT. They are having some inbuilt component, by using those you can achieve this.

[Nomula vasudevu]

Thank you Das! Can you give any url/tutorial link for this. Is it freeware or commercial and one more thing is the data is very large which should be shown as tree structure.

[subhransu das]

Hey there are various options like you can use GWT or EXT GWT.
Check out this link:
http://www.sencha.com/examples/explorer.html#roweditortreegrid
i hope you will find something on this. Only thing you have to write on the database thing on the save button listener of editor tree grid..

[Nomula vasudevu]

Thank you Das! for the quick reply. The requirement needs that the user is allowed to add a tree node/leaf from the browser dynamically in addition to editing the existing nodes or leafs, I think the RowEditorTreeGrid don't has this feature. It only allows to edit the existing node/leafs.

[subhransu das]

The rowEditorTree grid is not having that functionality but you can add some code under it to function like create and delete node.

Menu contextMenu = new Menu();  
  
    MenuItem insert = new MenuItem();  
    insert.setText("Insert Item");  
    insert.setIcon(Resources.ICONS.add());  
    insert.addSelectionListener(new SelectionListener<MenuEvent>() {  
      public void componentSelected(MenuEvent ce) {  
        ModelData folder = tree.getSelectionModel().getSelectedItem();  
        if (folder != null) {  
          Folder child = new Folder("Add Child " + count++);  
          store.add(folder, child, false);  
          tree.setExpanded(folder, true);  
        }  
      }  
    });  
    contextMenu.add(insert);  
  
    MenuItem remove = new MenuItem();  
    remove.setText("Remove Selected");  
    remove.setIcon(Resources.ICONS.delete());  
    remove.addSelectionListener(new SelectionListener<MenuEvent>() {  
      public void componentSelected(MenuEvent ce) {  
        List<ModelData> selected = tree.getSelectionModel().getSelectedItems();  
        for (ModelData sel : selected) {  
          store.remove(sel);  
        }  
      }  
    });  
    contextMenu.add(remove);  
  
    tree.setContextMenu(contextMenu);  

[Maneesh Godbole]

Subhransu,
In future, while posting code, please UseCodeTags

[subhransu das]

Maneesh Godbole wrote:Subhransu,
In future, while posting code, please UseCodeTags

sure....