Simple Tab In Ext GWT

Simple Tab In Ext Google Web Toolkit Sample Code

  1. package com.extjs.gxt.samples.client.examples.tabs;  
  2.   
  3. import com.extjs.gxt.samples.resources.client.Resources;  
  4. import com.extjs.gxt.samples.resources.client.TestData;  
  5. import com.extjs.gxt.ui.client.Style.Scroll;  
  6. import com.extjs.gxt.ui.client.event.ComponentEvent;  
  7. import com.extjs.gxt.ui.client.event.Events;  
  8. import com.extjs.gxt.ui.client.event.Listener;  
  9. import com.extjs.gxt.ui.client.widget.LayoutContainer;  
  10. import com.extjs.gxt.ui.client.widget.TabItem;  
  11. import com.extjs.gxt.ui.client.widget.TabPanel;  
  12. import com.extjs.gxt.ui.client.widget.VerticalPanel;  
  13. import com.google.gwt.core.client.GWT;  
  14. import com.google.gwt.http.client.RequestBuilder;  
  15. import com.google.gwt.user.client.Element;  
  16. import com.google.gwt.user.client.Window;  
  17.   
  18. public class BasicTabExample extends LayoutContainer {  
  19.   
  20.   @Override  
  21.   protected void onRender(Element parent, int pos) {  
  22.     super.onRender(parent, pos);  
  23.     VerticalPanel vp = new VerticalPanel();  
  24.     vp.setSpacing(10);  
  25.   
  26.     String txt = TestData.DUMMY_TEXT_SHORT;  
  27.   
  28.     TabPanel folder = new TabPanel();  
  29.     folder.setWidth(450);  
  30.     folder.setAutoHeight(true);  
  31.   
  32.     TabItem shortText = new TabItem("Short Text");  
  33.     shortText.addStyleName("pad-text");  
  34.     shortText.addText(txt);  
  35.     folder.add(shortText);  
  36.   
  37.     TabItem longText = new TabItem("Long Text");  
  38.     longText.addStyleName("pad-text");  
  39.     longText.addText(txt + "<br>" + txt);  
  40.     folder.add(longText);  
  41.   
  42.     TabPanel panel = new TabPanel();  
  43.     panel.setPlain(true);  
  44.     panel.setSize(450250);  
  45.   
  46.     TabItem normal = new TabItem("Normal");  
  47.     normal.addStyleName("pad-text");  
  48.     normal.addText("Just a plain old tab");  
  49.     panel.add(normal);  
  50.   
  51.     TabItem iconTab = new TabItem("Icon Tab");  
  52.     iconTab.setIcon(Resources.ICONS.table());  
  53.     iconTab.addStyleName("pad-text");  
  54.     iconTab.addText("Just a plain old tab with an icon");  
  55.     panel.add(iconTab);  
  56.   
  57.     TabItem ajax1 = new TabItem("Ajax Tab");  
  58.     ajax1.setScrollMode(Scroll.AUTO);  
  59.     ajax1.addStyleName("pad-text");  
  60.     ajax1.setAutoLoad(new RequestBuilder(RequestBuilder.GET, GWT.getHostPageBaseURL() + "data/ajax1.html"));  
  61.     panel.add(ajax1);  
  62.   
  63.     TabItem eventTab = new TabItem("Event Tab");  
  64.     eventTab.addListener(Events.Select, new Listener<ComponentEvent>() {  
  65.       public void handleEvent(ComponentEvent be) {  
  66.         Window.alert("Event Tab Was Selected");  
  67.       }  
  68.     });  
  69.     eventTab.addStyleName("pad-text");  
  70.     eventTab.addText("I am tab 4's content. I also have an event listener attached.");  
  71.     panel.add(eventTab);  
  72.   
  73.     TabItem disabled = new TabItem("Disabled");  
  74.     disabled.setEnabled(false);  
  75.     panel.add(disabled);  
  76.   
  77.     vp.add(folder);  
  78.     vp.add(panel);  
  79.     add(vp);  
  80.   }  
  81.   
  82. }  

Comments

Popular posts from this blog

Five More Indian Languages - Google Translate