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

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

65
66
67
68
69
70
71
72
73
74
75
76
77
78
    ColumnModel cm = new ColumnModel(columns);

    Grid<BeanModel> grid = new Grid<BeanModel>(store, cm);
    grid.setAutoExpandColumn("name");
   
    ContentPanel panel = new ContentPanel();
    panel.setHeading("BeanModel Grid Example");
    panel.setSize(400, 200);
    panel.setIcon(Resources.ICONS.table());
    panel.setLayout(new FitLayout());
    panel.add(grid);

    add(panel);
  }
View Full Code Here
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
    ColumnConfig size = new ColumnConfig("size", "Size", 100);

    ColumnModel cm = new ColumnModel(Arrays.asList(name, date, size));

    ContentPanel cp = new ContentPanel();
    cp.setHeading("RemoteSort TreeGrid With State");
    cp.setButtonAlign(HorizontalAlignment.CENTER);
    cp.setLayout(new FitLayout());
    cp.setFrame(true);
    cp.setSize(600, 300);

    final TreeGrid<ModelData> tree = new TreeGrid<ModelData>(store, cm);

    // by providing a key provider and enabling state, the trees expand state
    // will be restored when refreshing the page and also after sorting.
    tree.setStateful(true);
    // stateful components need a defined id
    tree.setId("statefullremotesorttreegrid");
    store.setKeyProvider(new ModelKeyProvider<FileModel>() {

      public String getKey(FileModel model) {
        return (String) model.get("id");
      }

    });
    tree.setBorders(true);
    tree.getStyle().setLeafIcon(IconHelper.createStyle("icon-page"));
    tree.setAutoExpandColumn("name");
    tree.setTrackMouseOver(false);
    cp.add(tree);

    ToolBar toolbar = new ToolBar();
    Button btn = new Button("Clear State");
    btn.addSelectionListener(new SelectionListener<ButtonEvent>() {
      @Override
      public void componentSelected(ButtonEvent ce) {
        tree.clearState();
      }
    });
    toolbar.add(btn);
    btn = new Button("Reload");
    btn.addSelectionListener(new SelectionListener<ButtonEvent>() {
      @Override
      public void componentSelected(ButtonEvent ce) {
        loader.load();
      }
    });
    toolbar.add(btn);
    cp.setTopComponent(toolbar);
   
    add(cp);
  }
View Full Code Here
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
88
89
  @Override
  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);
    setStyleAttribute("margin", "10px");
    ContentPanel cp = new ContentPanel();
    cp.setHeading("ListView Append Sorted");
    cp.setSize(500, 225);
    cp.setFrame(true);
    cp.setLayout(new RowLayout(Orientation.HORIZONTAL));
   
    ListView<Stock> list1 = new ListView<Stock>();
    list1.setDisplayProperty("name");
    ListStore<Stock> store = new ListStore<Stock>();
    store.setStoreSorter(new StoreSorter<Stock>());
    store.add(TestData.getStocks());
    list1.setStore(store);
   

    ListView<Stock> list2 = new ListView<Stock>();
    list2.setDisplayProperty("name");
    store = new ListStore<Stock>();
    store.setStoreSorter(new StoreSorter<Stock>());
    list2.setStore(store);

    new ListViewDragSource(list1);
    new ListViewDragSource(list2);

    new ListViewDropTarget(list1);
    new ListViewDropTarget(list2);

    RowData data = new RowData(.5, 1);
    data.setMargins(new Margins(5));
  
    cp.add(list1, data);
    cp.add(list2, data);
    add(cp);
   
    cp = new ContentPanel();
    cp.setHeading("ListView Insert");
    cp.setStyleAttribute("marginTop", "10px");
    cp.setSize(500, 225);
    cp.setFrame(true);
    cp.setLayout(new RowLayout(Orientation.HORIZONTAL));

    ListView<Stock> list3 = new ListView<Stock>();
    list3.setDisplayProperty("name");
    store = new ListStore<Stock>();
    store.add(TestData.getStocks());
    list3.setStore(store);

    ListView<Stock> list4 = new ListView<Stock>();
    list4.setDisplayProperty("name");
    store = new ListStore<Stock>();
    list4.setStore(store);

    cp.add(list3, data);
    cp.add(list4, data);
   
    ListViewDragSource source3 = new ListViewDragSource(list3);
    source3.setGroup("demo2");
    ListViewDragSource source4 = new ListViewDragSource(list4);
    source4.setGroup("demo2");
View Full Code Here
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
    final ListStore<Stock> store = new ListStore<Stock>();
    store.add(TestData.getStocks());

    ColumnModel cm = new ColumnModel(configs);

    ContentPanel cp = new ContentPanel();
    cp.setBodyBorder(false);
    cp.setIcon(Resources.ICONS.table());
    cp.setHeading("Widget Renderer Grid");
    cp.setButtonAlign(HorizontalAlignment.CENTER);
    cp.setLayout(new FitLayout());
    cp.setSize(600, 300);

    Grid<Stock> grid = new Grid<Stock>(store, cm);
    grid.setStyleAttribute("borderTop", "none");
    grid.setAutoExpandColumn("name");
    grid.setBorders(true);
    cp.add(grid);

    add(cp);
  }
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
74
75
76
77
78
    super.onRender(target, index);
    final BorderLayout layout = new BorderLayout();
    setLayout(layout);
    setStyleAttribute("padding", "10px");

    ContentPanel north = new ContentPanel();
    ContentPanel west = new ContentPanel();
    ContentPanel center = new ContentPanel();
    center.setHeading("BorderLayout Example");
    center.setScrollMode(Scroll.AUTOX);

    FlexTable table = new FlexTable();
    table.getElement().getStyle().setProperty("margin", "10px");
    table.setCellSpacing(8);
    table.setCellPadding(4);

    for (int i = 0; i < LayoutRegion.values().length; i++) {
      final LayoutRegion r = LayoutRegion.values()[i];
      if (r == LayoutRegion.CENTER) {
        continue;
      }
      SelectionListener<ButtonEvent> sl = new SelectionListener<ButtonEvent>() {

        @Override
        public void componentSelected(ButtonEvent ce) {
          String txt = ce.getButton().getText();
          if (txt.equals("Expand")) {
            layout.expand(r);
          } else if (txt.equals("Collapse")) {
            layout.collapse(r);
          } else if (txt.equals("Show")) {
            layout.show(r);
          } else {
            layout.hide(r);
          }

        }
      };
      table.setHTML(i, 0, "<div style='font-size: 12px; width: 100px'>" + r.name() + ":</span>");
      table.setWidget(i, 1, new Button("Expand", sl));
      table.setWidget(i, 2, new Button("Collapse", sl));
      table.setWidget(i, 3, new Button("Show", sl));
      table.setWidget(i, 4, new Button("Hide", sl));
    }
    center.add(table);

    ContentPanel east = new ContentPanel();
    ContentPanel south = new ContentPanel();

    BorderLayoutData northData = new BorderLayoutData(LayoutRegion.NORTH, 100);
    northData.setCollapsible(true);
    northData.setFloatable(true);
    northData.setHideCollapseTool(true);
View Full Code Here
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
    ColumnConfig date = new ColumnConfig("author", "Author", 100);
    ColumnConfig size = new ColumnConfig("genre", "Genre", 100);
    ColumnModel cm = new ColumnModel(Arrays.asList(name, date, size));

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

    cp.setLayout(new FitLayout());
    cp.setSize(500, 350);

    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("Both");
    type.add("Append");
    type.add("Insert");
    type.setSimpleValue("Both");
    type.addListener(Events.Change, new Listener<FieldEvent>() {
      public void handleEvent(FieldEvent be) {
        String v = type.getSimpleValue();
        if ("Both".equals(v)) {
          target.setFeedback(Feedback.BOTH);
        } else if ("Append".equals(v)) {
          target.setFeedback(Feedback.APPEND);
        } else {
          target.setFeedback(Feedback.INSERT);
        }
      }
    });
    toolBar.add(type);
    toolBar.add(new SeparatorToolItem());
    cp.setTopComponent(toolBar);

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

    new TreeGridDragSource(tree);

    target = new TreeGridDropTarget(tree);
    target.setAllowSelfAsSource(true);
    target.setFeedback(Feedback.BOTH);

    cp.add(tree);

    add(cp);
  }
View Full Code Here
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
    grid.setBorders(true);
    grid.setLoadMask(true);
    grid.getView().setEmptyText("Please hit the load button.");
    grid.setAutoExpandColumn("Sender");

    ContentPanel panel = new ContentPanel();
    panel.setFrame(true);
    panel.setCollapsible(true);
    panel.setAnimCollapse(false);
    panel.setButtonAlign(HorizontalAlignment.CENTER);
    panel.setIcon(Resources.ICONS.table());
    panel.setHeading("XML Table Demo");
    panel.setLayout(new FitLayout());
    panel.add(grid);
    panel.setSize(575, 350);

    // add buttons
    Button load = new Button("Load XML", new SelectionListener<ButtonEvent>() {
      public void componentSelected(ButtonEvent ce) {
        loader.load();
      }
    });

    panel.addButton(load);

    add(panel);

  }
View Full Code Here
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
    ColumnConfig date = new ColumnConfig("author", "Author", 100);
    ColumnConfig size = new ColumnConfig("genre", "Genre", 100);
    ColumnModel cm = new ColumnModel(Arrays.asList(name, date, size));

    ContentPanel cp = new ContentPanel();
    cp.setBodyBorder(false);
    cp.setHeading("Widget Renderer TreeGrid");
    cp.setButtonAlign(HorizontalAlignment.CENTER);
    cp.setLayout(new FitLayout());
    cp.setFrame(true);
    cp.setSize(600, 300);

    TreeGrid<ModelData> tree = new TreeGrid<ModelData>(store, cm);
    tree.setBorders(true);
    tree.setSize(400, 400);
    tree.setAutoExpandColumn("name");
    tree.getTreeView().setRowHeight(26);
    tree.getStyle().setLeafIcon(IconHelper.createStyle("icon-music"));
   
    cp.add(tree);

    add(cp);
  }
View Full Code Here
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
  @Override
  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);
    setStyleAttribute("margin", "10px");

    ContentPanel cp = new ContentPanel();

    cp.setHeading("Form Bindings");
    cp.setFrame(true);
    cp.setSize(800, 400);
    cp.setLayout(new RowLayout(Orientation.HORIZONTAL));

    Grid<Stock> grid = createGrid();
    grid.getSelectionModel().setSelectionMode(SelectionMode.SINGLE);
    grid.getSelectionModel().addListener(Events.SelectionChange, new Listener<SelectionChangedEvent<Stock>>() {
      public void handleEvent(SelectionChangedEvent<Stock> be) {
        if (be.getSelection().size() > 0) {
          formBindings.bind((ModelData) be.getSelection().get(0));
        } else {
          formBindings.unbind();
        }
      }
    });
    cp.add(grid, new RowData(.6, 1));

    FormPanel panel = createForm();
    formBindings = new FormBinding(panel, true);

    cp.add(panel, new RowData(.4, 1));

    add(cp);
  }
View Full Code Here
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
    ListStore<Stock> store = new ListStore<Stock>();
    store.add(Util.subList(TestData.getStocks(), 0, 12));

    ColumnModel cm = new ColumnModel(configs);

    ContentPanel cp = new ContentPanel();
    cp.setBodyBorder(false);
    cp.setIcon(Resources.ICONS.table());
    cp.setHeading("Reordering Grid");
    cp.setButtonAlign(HorizontalAlignment.CENTER);
    cp.setLayout(new FitLayout());
    cp.setSize(600, 304);

    Grid<Stock> grid = new Grid<Stock>(store, cm);
    grid.setStyleAttribute("borderTop", "none");
    grid.setAutoExpandColumn("name");
    grid.setBorders(true);
    grid.setStripeRows(true);
    cp.add(grid);
   
    new GridDragSource(grid);
   
    GridDropTarget target = new GridDropTarget(grid);
    target.setAllowSelfAsSource(true);
View Full Code Here
TOP

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

  • com.anzsoft.client.ui.ChatWindow
  • com.anzsoft.client.ui.RoomChatWindow
  • com.anzsoft.client.ui.UserSearchDialog
  • com.cem.client.view.UserTable
  • com.danielvaughan.rssreader.client.RSSReader
  • com.extjs.gxt.samples.client.examples.binding.GridBindingExample
  • com.extjs.gxt.samples.client.examples.binding.GridStoreBindingExample
  • com.extjs.gxt.samples.client.examples.chart.AdvancedChartExample
  • com.extjs.gxt.samples.client.examples.chart.BasicChartExample
  • com.extjs.gxt.samples.client.examples.chart.ChartGalleryExample
    • 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.