Tree node expanding and collapsing animation (Smart GWT) : Tree « GWT « Java






Tree node expanding and collapsing animation (Smart GWT)

Tree node expanding and collapsing animation (Smart GWT)
   
/*
 * SmartGWT (GWT for SmartClient)
 * Copyright 2008 and beyond, Isomorphic Software, Inc.
 *
 * SmartGWT is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License version 3
 * as published by the Free Software Foundation.  SmartGWT is also
 * available under typical commercial license terms - see
 * http://smartclient.com/license
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 */
package com.smartgwt.sample.showcase.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.smartgwt.client.types.TreeModelType;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.layout.VLayout;
import com.smartgwt.client.widgets.tree.Tree;
import com.smartgwt.client.widgets.tree.TreeGrid;
import com.smartgwt.client.widgets.tree.TreeNode;

public class Showcase implements EntryPoint {

  public void onModuleLoad() {
    RootPanel.get().add(getViewPanel());
  }

  public Canvas getViewPanel() {
    Tree animalTree = new Tree();
    animalTree.setModelType(TreeModelType.CHILDREN);
    animalTree.setNameProperty("Name");
    animalTree.setRoot(new AnimateTreeNode("Zoo", new AnimateTreeNode("Aquarium",
        new AnimateTreeNode("Salt Water", new AnimateTreeNode("Bottlenose Dolphin"),
            new AnimateTreeNode("Giant Pacific Octopus")), new AnimateTreeNode("Fresh Water",
            new AnimateTreeNode("Freshwater Stingray"))), new AnimateTreeNode("Reptile House",
        new AnimateTreeNode("Lizard House", new AnimateTreeNode("Cuban Ground Iguana"),
            new AnimateTreeNode("Desert Iguana"), new AnimateTreeNode("Marbled Salamander")),
        new AnimateTreeNode("Snake House", new AnimateTreeNode("Indian Rock Python")),
        new AnimateTreeNode("Monkey House", new AnimateTreeNode("Howler Monkey"),
            new AnimateTreeNode("Orangutan"), new AnimateTreeNode("Guinea Baboon")),
        new AnimateTreeNode("Lion Enclosure", new AnimateTreeNode("Lion")))));

    TreeGrid animalTreeGrid = new TreeGrid();
    animalTreeGrid.setData(animalTree);
    animalTreeGrid.setWidth(300);
    animalTreeGrid.setHeight(300);
    animalTreeGrid.setAnimateFolders(true);
    animalTreeGrid.setAnimateFolderSpeed(100);

    VLayout layout = new VLayout();
    layout.setMembersMargin(10);
    layout.addChild(animalTreeGrid);
    return layout;
  }

  public static class AnimateTreeNode extends TreeNode {
    public AnimateTreeNode(String name, AnimateTreeNode... children) {
      setTitle(name);
      setChildren(children);
    }
  }

}

   
    
    
  








SmartGWT.zip( 9,880 k)

Related examples in the same category

1.Use TreeListener
2.Create Tree With Pending Item
3.Trees can show skinnable connector lines (Smart GWT)Trees can show skinnable connector lines (Smart GWT)
4.Tree with DataArrivedHandler (Smart GWT)Tree with DataArrivedHandler (Smart GWT)
5.Trees with multiple columns of data for each node. (Smart GWT)Trees with multiple columns of data for each node. (Smart GWT)
6.Sortable tree table (Smart GWT)Sortable tree table (Smart GWT)
7.Tree Editing Sample (Smart GWT)Tree Editing Sample (Smart GWT)
8.Parent Linking Tree Sample (Smart GWT)Parent Linking Tree Sample (Smart GWT)
9.Load tree data from a collection of local beans (Smart GWT)Load tree data from a collection of local beans (Smart GWT)
10.Tree data can be specified as a tree of nodes where each node lists its children (Smart GWT)Tree data can be specified as a tree of nodes where each node lists its children (Smart GWT)
11.Drag and drop to move parts and folders within and between the trees (Smart GWT)Drag and drop to move parts and folders within and between the trees (Smart GWT)
12.Tree Drag Reparent Sample (Smart GWT)Tree Drag Reparent Sample (Smart GWT)
13.Closed tree folders automatically open if you hover over them momentarily (Smart GWT)Closed tree folders automatically open if you hover over them momentarily (Smart GWT)
14.Tree view dropdown (Smart GWT)Tree view dropdown (Smart GWT)
15.Trees sort per folder. (Smart GWT)Trees sort per folder. (Smart GWT)
16.Load On Demand Tree Sample (Smart GWT)Load On Demand Tree Sample (Smart GWT)
17.Basic TreePanel Example (Ext GWT)Basic TreePanel Example (Ext GWT)
18.CheckBox Tree Node (Ext GWT)CheckBox Tree Node (Ext GWT)
19.Adding Context Menu to Tree (Ext GWT)Adding Context Menu to Tree (Ext GWT)
20.Fast tree (Ext GWT)Fast tree (Ext GWT)