Tabs Custom Control Sample (Smart GWT) : Tab « GWT « Java






Tabs Custom Control Sample (Smart GWT)

Tabs Custom Control Sample (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.Side;
import com.smartgwt.client.types.TabBarControls;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.form.DynamicForm;
import com.smartgwt.client.widgets.form.fields.SelectItem;
import com.smartgwt.client.widgets.form.fields.events.ChangeHandler;
import com.smartgwt.client.widgets.grid.events.ChangeEvent;
import com.smartgwt.client.widgets.tab.Tab;
import com.smartgwt.client.widgets.tab.TabSet;

public class Showcase implements EntryPoint {

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

  public Canvas getViewPanel() {
    final TabSet tabSet = new TabSet();
    tabSet.setTabBarPosition(Side.TOP);

    //required so that the select item doesnt touch the tab pane
    tabSet.setTabBarThickness(25);
    tabSet.setTabBarAlign(Side.LEFT);
    tabSet.setWidth(400);
    tabSet.setHeight(200);

    final Tab statusTab = new Tab("Status");

    final Canvas statusPane = new Canvas();
    statusTab.setPane(statusPane);
    tabSet.addTab(statusTab);
    
    SelectItem selectItem = new SelectItem();
    selectItem.setValueMap("Development", "Staging", "Production");
    selectItem.setShowTitle(false);

    selectItem.setDefaultValue("Development");
    selectItem.addChangeHandler(new ChangeHandler() {
        public void onChange(com.smartgwt.client.widgets.form.fields.events.ChangeEvent event) {
          statusPane.setContents(event.getValue() + ": <span style='color:green;font-weight:bold'>Normal</span><br>");
          
        }
    });

    DynamicForm form = new DynamicForm();
    //form.setHeight(1);
    form.setPadding(0);
    form.setMargin(0);
    form.setCellPadding(1);
    form.setNumCols(1);
    form.setFields(selectItem);

    tabSet.setTabBarControls(TabBarControls.TAB_SCROLLER, TabBarControls.TAB_PICKER, form);
    return tabSet;
  }

}

   
    
    
  








SmartGWT.zip( 9,880 k)

Related examples in the same category

1.Tab orientation (Smart GWT)Tab orientation (Smart GWT)
2.Set tab alignment (Smart GWT)Set tab alignment (Smart GWT)
3.Add a tab, remove a tab (Smart GWT)Add a tab, remove a tab (Smart GWT)
4.Closable tab (Smart GWT)Closable tab (Smart GWT)
5.Change Tab title dynamically (Smart GWT)Change Tab title dynamically (Smart GWT)
6.Add controls to Tab page (Smart GWT)Add controls to Tab page (Smart GWT)
7.Set URL view for Tab (Smart GWT)Set URL view for Tab (Smart GWT)
8.Scrollable tab header line (Smart GWT)Scrollable tab header line (Smart GWT)
9.Basic Focus Tabbing Sample (Smart GWT)Basic Focus Tabbing Sample (Smart GWT)
10.Using tab to hold form (Smart GWT)Using tab to hold form (Smart GWT)
11.Click on the resizebar next to the Navigation tree to hide it (Smart GWT)Click on the resizebar next to the Navigation tree to hide it (Smart GWT)
12.Adding text to tab panel (Ext GWT)Adding text to tab panel (Ext GWT)
13.Adding Autoload ajax content to tab panel (Ext GWT)Adding Autoload ajax content to tab panel (Ext GWT)
14.Listen to tab selection event (Ext GWT)Listen to tab selection event (Ext GWT)
15.Adding icon to tab bar (Ext GWT)Adding icon to tab bar (Ext GWT)
16.Diable a tab item (Ext GWT)Diable a tab item (Ext GWT)
17.Using VerticalPanel to hold tab panel (Ext GWT)Using VerticalPanel to hold tab panel (Ext GWT)
18.Adding HTML content to a tab panel (Ext GWT)Adding HTML content to a tab panel (Ext GWT)
19.Adding new tab dynamically (Ext GWT)Adding new tab dynamically (Ext GWT)
20.Closable tab (Ext GWT)Closable tab (Ext GWT)
21.Enable tab context menu (Ext GWT)Enable tab context menu (Ext GWT)
22.Make tab scrollable (Ext GWT)Make tab scrollable (Ext GWT)
23.Set selected tab (Ext GWT)Set selected tab (Ext GWT)
24.Tabbed Form (Ext GWT)Tabbed Form (Ext GWT)