Sections Add/Remove 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.VisibilityMode; import com.smartgwt.client.widgets.Canvas; 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() { 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("Green Cube"); section2.setExpanded(true); section2.setCanCollapse(false); section2.addItem(new Img("pieces/48/cube_green.png", 48, 48)); sectionStack.addSection(section2); SectionStackSection section3 = new SectionStackSection("Blue Cube"); section3.setExpanded(false); section3.addItem(new Img("pieces/48/cube_blue.png", 48, 48)); sectionStack.addSection(section3); lastSectionIndex = 2; IButton addButton = new IButton("Add Section"); addButton.setWidth(150); addButton.addClickHandler(new ClickHandler() { public void onClick(ClickEvent event) { String title = lastSectionIndex % 2 == 0 ? "Yellow Piece" : "Blue Cube"; String iconName = lastSectionIndex % 2 == 0 ? "piece_yellow" : "cube_blue"; SectionStackSection section = new SectionStackSection(title); section.setExpanded(lastSectionIndex % 2 == 0); section.addItem(new Img("pieces/48/" + iconName + ".png", 48, 48)); sectionStack.addSection(section); ++lastSectionIndex; } }); IButton removeButton = new IButton("Remove Section"); removeButton.setWidth(150); removeButton.addClickHandler(new ClickHandler() { public void onClick(ClickEvent event) { sectionStack.removeSection(lastSectionIndex); --lastSectionIndex; } }); HLayout layout = new HLayout(); layout.setMembersMargin(20); layout.addMember(sectionStack); VLayout buttons = new VLayout(); buttons.setMembersMargin(10); buttons.addMember(addButton); buttons.addMember(removeButton); layout.addMember(buttons); return layout; } int lastSectionIndex; }