Package com.extjs.gxt.ui.client.widget

Examples of com.extjs.gxt.ui.client.widget.VerticalPanel

49
50
51
52
53
54
55
56
57
58
  @Override
  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);
    formData = new FormData("-20");
    vp = new VerticalPanel();
    vp.setSpacing(10);
    createForm1();
    add(vp);
  }
View Full Code Here
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
      }

    };
    filter.bind(store);

    VerticalPanel panel = new VerticalPanel();
    panel.addStyleName("x-small-editor");
    panel.setSpacing(8);

    panel.add(new Html("<span class=text>Enter a search string such as 'vio'</span>"));
    panel.add(filter);
    panel.add(tree);

    add(panel);
  }
View Full Code Here
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
public class BasicTabExample extends LayoutContainer {

  @Override
  protected void onRender(Element parent, int pos) {
    super.onRender(parent, pos);
    VerticalPanel vp = new VerticalPanel();
    vp.setSpacing(10);

    String txt = TestData.DUMMY_TEXT_SHORT;

    TabPanel folder = new TabPanel();
    folder.setWidth(450);
    folder.setAutoHeight(true);

    TabItem shortText = new TabItem("Short Text");
    shortText.addStyleName("pad-text");
    shortText.addText(txt);
    folder.add(shortText);

    TabItem longText = new TabItem("Long Text");
    longText.addStyleName("pad-text");
    longText.addText(txt + "<br>" + txt);
    folder.add(longText);

    TabPanel panel = new TabPanel();
    panel.setPlain(true);
    panel.setSize(450, 250);

    TabItem normal = new TabItem("Normal");
    normal.addStyleName("pad-text");
    normal.addText("Just a plain old tab");
    panel.add(normal);

    TabItem iconTab = new TabItem("Icon Tab");
    iconTab.setIcon(Resources.ICONS.table());
    iconTab.addStyleName("pad-text");
    iconTab.addText("Just a plain old tab with an icon");
    panel.add(iconTab);

    TabItem ajax1 = new TabItem("Ajax Tab");
    ajax1.setScrollMode(Scroll.AUTO);
    ajax1.addStyleName("pad-text");
    ajax1.setAutoLoad(new RequestBuilder(RequestBuilder.GET, GWT.getHostPageBaseURL() + "data/ajax1.html"));
    panel.add(ajax1);

    TabItem eventTab = new TabItem("Event Tab");
    eventTab.addListener(Events.Select, new Listener<ComponentEvent>() {
      public void handleEvent(ComponentEvent be) {
        Window.alert("Event Tab Was Selected");
      }
    });
    eventTab.addStyleName("pad-text");
    eventTab.addText("I am tab 4's content. I also have an event listener attached.");
    panel.add(eventTab);

    TabItem disabled = new TabItem("Disabled");
    disabled.setEnabled(false);
    panel.add(disabled);

    vp.add(folder);
    vp.add(panel);
    add(vp);
  }
View Full Code Here
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
  private TabPanel advanced;

  @Override
  protected void onRender(Element parent, int pos) {
    super.onRender(parent, pos);
    VerticalPanel vp = new VerticalPanel();
    vp.setSpacing(10);

    HorizontalPanel hp = new HorizontalPanel();
    hp.setSpacing(5);

    Button add = new Button("Add Tab");
    add.addSelectionListener(new SelectionListener<ButtonEvent>() {
      @Override
      public void componentSelected(ButtonEvent ce) {
        addTab();
        advanced.setSelection(advanced.getItem(index - 1));
      }
    });
    hp.add(add);

    ToggleButton toggle = new ToggleButton("Enable Tab Context Menu");
    toggle.addListener(Events.Toggle, new Listener<ButtonEvent>() {
      public void handleEvent(ButtonEvent be) {
        advanced.setCloseContextMenu(((ToggleButton) be.getButton()).isPressed());
      }
    });
    toggle.toggle(true);
    hp.add(toggle);
    vp.add(hp);

    advanced = new TabPanel();
    advanced.setSize(600, 250);
    advanced.setMinTabWidth(115);
    advanced.setResizeTabs(true);
    advanced.setAnimScroll(true);
    advanced.setTabScroll(true);
    advanced.setCloseContextMenu(true);

    while (index < 7) {
      addTab();
    }

    advanced.setSelection(advanced.getItem(6));

    vp.add(advanced);
    add(vp);
  }
View Full Code Here
67
68
69
70
71
72
73
74
75
76
77
78
79
    combo.setTemplate(getTemplate());
    combo.setStore(store);
    combo.setHideTrigger(true);
    combo.setPageSize(10);

    VerticalPanel vp = new VerticalPanel();
    vp.setSpacing(10);

    vp.addText("<span class='text'><b>Combo with Templates and Ajax</b><br>This is a more advanced example that shows how you can combine paging, XTemplate and a remote data store to create a 'live search' feature.</span>");
    vp.add(combo);

    add(vp);
  }
View Full Code Here
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
  @Override
  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);

    VerticalPanel vp = new VerticalPanel();
    vp.setSpacing(10);

    Folder model = TestData.getTreeModel();

    TreeStore<ModelData> store = new TreeStore<ModelData>();
    store.add(model.getChildren(), true);

    ContentPanel cp = new ContentPanel();
    cp.setBodyBorder(false);
    cp.setFrame(true);
    cp.setHeading("TreeGrid to TreeGrid Example");
    cp.setButtonAlign(HorizontalAlignment.CENTER);

    VBoxLayout layout = new VBoxLayout();
    layout.setVBoxLayoutAlign(VBoxLayoutAlign.STRETCH);
    cp.setLayout(layout);
    cp.setSize(500, 500);

    ToolBar toolBar = new ToolBar();
    toolBar.setBorders(true);
    toolBar.add(new LabelToolItem("Feedback: "));
    final SimpleComboBox<String> type = new SimpleComboBox<String>();
    type.setTriggerAction(TriggerAction.ALL);
    type.setEditable(false);
    type.setWidth(100);
    type.add("Append");
    type.add("Insert");
    type.setSimpleValue("Append");
    type.addListener(Events.Change, new Listener<FieldEvent>() {
      public void handleEvent(FieldEvent be) {
        boolean append = type.getSimpleValue().equals("Append");
        Feedback f = append ? Feedback.APPEND : Feedback.INSERT;
        target.setFeedback(f);
      }
    });
    toolBar.add(type);
    toolBar.add(new SeparatorToolItem());
    cp.setTopComponent(toolBar);

    TreeGrid<ModelData> tree = new TreeGrid<ModelData>(store, createColumnModel());
    tree.setBorders(true);
    tree.getStyle().setLeafIcon(Resources.ICONS.music());
    tree.setAutoExpandColumn("name");
    tree.setTrackMouseOver(false);

    new TreeGridDragSource(tree);

    VBoxLayoutData data = new VBoxLayoutData(6, 0, 6, 0);
    data.setFlex(10);
    cp.add(tree, data);

    Folder f = new Folder("My Music");
    TreeStore<ModelData> dropStore = new TreeStore<ModelData>();
    dropStore.add(f, false);

    tree = new TreeGrid<ModelData>(dropStore, createColumnModel()) {
      @Override
      protected boolean hasChildren(ModelData m) {
        if ("My Music".equals(m.get("name")) || m instanceof Folder) {
          return true;
        }
        return super.hasChildren(m);
      }
    };
    tree.setBorders(true);
    tree.getStyle().setLeafIcon(Resources.ICONS.music());
    tree.setAutoExpandColumn("name");
    tree.setTrackMouseOver(false);

    target = new TreeGridDropTarget(tree);

    data = new VBoxLayoutData();
    data.setFlex(10);
    cp.add(tree, data);
    vp.add(cp);

    add(vp);

  }
View Full Code Here
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
    kids.add(new Kid("Lia", 2, new DateWrapper(2005, 1, 1).asDate()));
    kids.add(new Kid("Andrew", 1, new DateWrapper(2007, 1, 1).asDate()));

    person.setKids(kids);

    VerticalPanel vp = new VerticalPanel();
    vp.setSpacing(10);

    final ContentPanel panel = new ContentPanel();
    panel.setHeading("Basic Template");
    panel.setWidth(300);
    panel.setBodyStyleName("pad-text");

    ToolBar toolbar = new ToolBar();
    Button apply = new Button("Apply Template");
    apply.addSelectionListener(new SelectionListener<ButtonEvent>() {
      @Override
      public void componentSelected(ButtonEvent ce) {
        Template template = new Template(getBasicTemplate());
        template.overwrite(panel.getBody().dom, Util.getJsObject(person));
      }
    });
    toolbar.add(apply);
    panel.setTopComponent(toolbar);

    final ContentPanel xpanel = new ContentPanel();
    xpanel.setHeading("XTemplate Playground");
    xpanel.setWidth(300);
    xpanel.setBodyStyleName("pad-text");

    ToolBar toolBar = new ToolBar();
    toolBar.add(new Button("Apply Template", new SelectionListener<ButtonEvent>() {
      @Override
      public void componentSelected(ButtonEvent ce) {
        XTemplate tpl = XTemplate.create(getTemplate());
        xpanel.removeAll();
        xpanel.addText(tpl.applyTemplate(Util.getJsObject(person, 3)));
        xpanel.layout();
      }
    }));
    xpanel.setTopComponent(toolBar);
   
    final ContentPanel cpanel = new ContentPanel();
    cpanel.setHeading("XTemplate Test");
    cpanel.setWidth(500);
    cpanel.setBodyStyleName("pad-text");
   
    final Html html = new Html();
    html.setStyleName("pad-text");

    final TextArea area = new TextArea();
    area.setSize(485, 150);
   
    toolBar = new ToolBar();
    toolBar.add(new Button("Apply Template", new SelectionListener<ButtonEvent>() {
      @Override
      public void componentSelected(ButtonEvent ce) {
        String template = area.getValue();
        XTemplate tpl = XTemplate.create(template);
        tpl.overwrite(html.getElement(), Util.getJsObject(person, 3));
      }
    }));
    cpanel.setTopComponent(toolBar);
   
    StringBuilder sb = new StringBuilder();
    sb.append("<p>Name: {name}</p>\r\n");
    sb.append("<p>Company: {company}</p>\r\n");
    sb.append("<p>Location: {location}</p>\r\n");
    sb.append("<p>Salary: {income:currency}</p>\r\n");
    sb.append("<p>Kids:</p>\r\n");
    sb.append("<tpl for=\"kids\" if=\"name==\'Darrell Meyer\'\">\r\n");
    sb.append("<tpl if=\"age &gt; 1\"><p>{#}. {parent.name}\'s kid - {name} - {bday:date(\"M/d/yyyy\")}</p></tpl>");
    sb.append("</tpl>\r\n");
   

    area.setValue(sb.toString());
    cpanel.add(area);
    cpanel.add(html);

    vp.add(panel);
    vp.add(xpanel);
    vp.add(cpanel);
    add(vp);
  }
View Full Code Here
70
71
72
73
74
75
76
77
78
          ListStore<Stock> store, Grid<Stock> grid) {
        return numberRenderer.render(null, property, model.get(property));
      }
    };

    panel = new VerticalPanel();
    panel.setSpacing(20);

  }
View Full Code Here
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
  }

  @Override
  protected void onRender(Element parent, int pos) {
    super.onRender(parent, pos);
    VerticalPanel vp = new VerticalPanel();
    vp.setSpacing(10);

    vp.add(createStandard());
    vp.add(createMulti());
    vp.add(createMulti2());
    vp.add(createMixed());
    add(vp);

  };
View Full Code Here
48
49
50
51
52
53
54
55
56
57
58
  @Override
  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);
    formData = new FormData("-20");
    vp = new VerticalPanel();
    vp.setSpacing(10);
    createForm1();
    createForm2();
    add(vp);
  }
View Full Code Here
TOP

Related Classes of com.extjs.gxt.ui.client.widget.VerticalPanel

  • ar.com.AmberSoft.iEvenTask.client.EventWindow
  • ar.com.AmberSoft.iEvenTask.client.menu.LoginPanel
  • ar.com.AmberSoft.iEvenTask.client.menu.MainMenu
  • ar.com.AmberSoft.iEvenTask.client.menu.MainTabObjetivos
  • ar.com.AmberSoft.iEvenTask.client.menu.MainTabTareas
  • ar.com.AmberSoft.iEvenTask.client.ProfilesWindow
  • ar.com.AmberSoft.iEvenTask.client.RelationWindow
  • com.extjs.gxt.samples.client.examples.button.ButtonsExample
  • com.extjs.gxt.samples.client.examples.core.TemplateExample
  • com.extjs.gxt.samples.client.examples.dnd.TreeGridToTreeGridExample
    • Copyright © 2018 www.massapicom. All rights reserved.
    All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.