Sections Show/Hide Sample for accordion panel (Smart GWT) : Accordion Panel « GWT « Java






Sections Show/Hide Sample for accordion panel (Smart GWT)

Sections Show/Hide Sample for accordion panel (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.Overflow;
import com.smartgwt.client.types.VisibilityMode;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.HTMLFlow;
import com.smartgwt.client.widgets.IButton;
import com.smartgwt.client.widgets.Img;
import com.smartgwt.client.widgets.events.ClickEvent;
import com.smartgwt.client.widgets.events.ClickHandler;
import com.smartgwt.client.widgets.layout.HLayout;
import com.smartgwt.client.widgets.layout.SectionStack;
import com.smartgwt.client.widgets.layout.SectionStackSection;
import com.smartgwt.client.widgets.layout.VLayout;

public class Showcase implements EntryPoint {

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

  public Canvas getViewPanel() {
    HTMLFlow htmlFlow = new HTMLFlow();
    htmlFlow.setOverflow(Overflow.AUTO);
    htmlFlow.setPadding(10);

    String contents = "<b>Severity 1</b> - Critical problem<br>System is unavailable in production or "
        + "is corrupting data, and the error severely impacts the user's operations."
        + "<br><br><b>Severity 2</b> - Major problem<br>An important function of the system "
        + "is not available in production, and the user's operations are restricted."
        + "<br><br><b>Severity 3</b> - Minor problem<br>Inability to use a function of the "
        + "system occurs, but it does not seriously affect the user's operations.";

    htmlFlow.setContents(contents);

    final SectionStack sectionStack = new SectionStack();
    sectionStack.setVisibilityMode(VisibilityMode.MULTIPLE);
    sectionStack.setWidth(300);
    sectionStack.setHeight(350);
    sectionStack.setBorder("2px solid #458B00");

    SectionStackSection section1 = new SectionStackSection("Blue Pawn");
    section1.setExpanded(true);
    section1.addItem(new Img("pieces/48/pawn_blue.png", 48, 48));
    sectionStack.addSection(section1);

    SectionStackSection section2 = new SectionStackSection("HTML Flow");
    section2.setExpanded(true);
    section2.setCanCollapse(true);
    section2.addItem(htmlFlow);
    sectionStack.addSection(section2);

    SectionStackSection section3 = new SectionStackSection("Green Cube");
    section3.setExpanded(true);
    section3.setCanCollapse(false);
    section3.addItem(new Img("pieces/48/cube_green.png", 48, 48));
    sectionStack.addSection(section3);

    final SectionStackSection section4 = new SectionStackSection("Yellow Piece");
    section4.setExpanded(false);
    section4.setHidden(true);
    section4.addItem(new Img("pieces/48/piece_yellow.png", 48, 48));
    sectionStack.addSection(section4);

    IButton showButton = new IButton("Show Section");
    showButton.setWidth(150);
    showButton.addClickHandler(new ClickHandler() {
      public void onClick(ClickEvent event) {
        sectionStack.showSection(3);
      }
    });

    IButton hideButton = new IButton("Hide Section");
    hideButton.setWidth(150);
    hideButton.addClickHandler(new ClickHandler() {
      public void onClick(ClickEvent event) {
        sectionStack.hideSection(3);
      }
    });

    HLayout layout = new HLayout();
    layout.setMembersMargin(20);
    layout.addMember(sectionStack);

    VLayout buttons = new VLayout();
    buttons.setMembersMargin(10);
    buttons.addMember(showButton);
    buttons.addMember(hideButton);

    layout.addMember(buttons);
    return layout;
  }

}

   
    
    
  








SmartGWT.zip( 9,880 k)

Related examples in the same category

1.Accordion Panel by SectionStack (Smart GWT)Accordion Panel by SectionStack (Smart GWT)
2.Sections Add/Remove Sample for accordion panel (Smart GWT)Sections Add/Remove Sample for accordion panel (Smart GWT)
3.Sections Custom Controls Sample for accordion panel (Smart GWT)Sections Custom Controls Sample for accordion panel (Smart GWT)
4.Sections Resize Sample for accordion panel (Smart GWT)Sections Resize Sample for accordion panel (Smart GWT)
5.Build a tree and add to Accordion Layout (Ext GWT)Build a tree and add to Accordion Layout (Ext GWT)
6.Accordion Layout Example (Ext GWT)Accordion Layout Example (Ext GWT)