Package com.smartgwt.client.widgets

Examples of com.smartgwt.client.widgets.Canvas

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
        }
    }

    public Canvas getViewPanel() {

        Canvas canvas = new Canvas();

        final IButton findButton = new IButton("Find Related");
        findButton.setAutoFit(true);
        findButton.setIcon("silk/printer.png");

        final IButton searchButton = new IButton("Search within results");
        searchButton.setAutoFit(true);
        searchButton.setIcon("silk/printer.png");
       
        HStack stack = new HStack();
        stack.setMembersMargin(20);
        stack.setHeight(24);
        stack.setBorder("1px solid gray");
        stack.addMember(findButton);
        stack.addMember(searchButton);
        canvas.addChild(stack);

        final IButton button = new IButton("Change Title");
        button.setLeft(60);
        button.setTop(45);
        button.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
                String saveTitle = findButton.getTitle();
                findButton.setTitle(searchButton.getTitle());
                searchButton.setTitle(saveTitle);
            }
        });
        canvas.addChild(button);

        return canvas;
    }
View Full Code Here
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
        }
    }

    public Canvas getViewPanel() {

        Canvas canvas = new Canvas();

        VStack vStack = new VStack();
        vStack.setShowEdges(true);
        vStack.setWidth(150);
        vStack.setMembersMargin(5);
        vStack.setLayoutMargin(10);
        vStack.addMember(new BlueBox(null, 40, "height 40"));
        vStack.addMember(new BlueBox(null, 80, "height 80"));
        vStack.addMember(new BlueBox(null, 160, "height 160"));
        canvas.addChild(vStack);

        HStack hStack = new HStack();
        hStack.setLeft(170);
        hStack.setShowEdges(true);
        hStack.setHeight(150);
        hStack.setMembersMargin(5);
        hStack.setLayoutMargin(10);
        hStack.addMember(new BlueBox(60, null, "width 60"));
        hStack.addMember(new BlueBox(80, null, "width 80"));
        hStack.addMember(new BlueBox(160, null, "width 160"));
        canvas.addChild(hStack);

        return canvas;
    }
View Full Code Here
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
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
        }
    }

    public Canvas getViewPanel() {

        Canvas canvas = new Canvas();

        DataSource supplyItemDS = ItemSupplyXmlDS.getInstance();

        final Label label = new Label();
        label.setAlign(Alignment.CENTER);
        label.setBorder("1px solid #287fd6");
        label.setTop(75);
        label.setHeight(50);
        label.setWidth(250);
        label.setMargin(10);
        label.setContents("Select an item to order");
        canvas.addChild(label);

        DynamicForm form = new DynamicForm();

        HeaderItem headerItem = new HeaderItem();
        headerItem.setDefaultValue("Order Supply Item");

        SelectItem selectItem = new SelectItem();
        selectItem.setDefaultToFirstOption(true);
        selectItem.setTitle("Item");
        selectItem.setDisplayField("itemName");
        selectItem.setPickListWidth(250);
        selectItem.setOptionDataSource(supplyItemDS);
        selectItem.addChangeHandler(new ChangeHandler() {
            public void onChange(ChangeEvent event) {
                label.setContents("Selected itemID : " + event.getValue());
            }
        });

        SpinnerItem spinnerItem = new SpinnerItem();
        spinnerItem.setName("Quantity");
        spinnerItem.setDefaultValue(1);
        spinnerItem.setMin(1);

        form.setItems(headerItem, selectItem, spinnerItem);
        canvas.addChild(form);

        final Label label2 = new Label();
        label2.setAlign(Alignment.CENTER);
        label2.setBorder("1px solid #287fd6");
        label2.setTop(75);
        label2.setLeft(300);
        label2.setHeight(50);
        label2.setWidth(250);
        label2.setMargin(10);
        label2.setContents("Select an item to order");
        canvas.addChild(label2);

        DynamicForm form2 = new DynamicForm();
        form2.setLeft(300);

        HeaderItem headerItem2 = new HeaderItem();
        headerItem2.setDefaultValue("Order Supply Item");

        ListGridField itemField = new ListGridField("itemName");
        ListGridField unitsField = new ListGridField("units");
        ListGridField unitCostField = new ListGridField("unitCost");

        SelectItem selectItem2 = new SelectItem();
        selectItem2.setTitle("Item");
        selectItem2.setOptionDataSource(supplyItemDS);
        selectItem2.setDisplayField("itemName");
        selectItem2.setValueField("SKU");
        selectItem2.addChangeHandler(new ChangeHandler() {
            public void onChange(ChangeEvent event) {
                label2.setContents("Selected Item SKU: " + event.getValue());
            }
        });
        selectItem2.setPickListWidth(450);
        selectItem2.setPickListFields(itemField, unitsField, unitCostField);

        SpinnerItem spinnerItem2 = new SpinnerItem();
        spinnerItem2.setName("Quantity");
        spinnerItem2.setDefaultValue(1);
        spinnerItem2.setMin(1);

        form2.setItems(headerItem2, selectItem2, spinnerItem2);
        canvas.addChild(form2);

        return canvas;
    }
View Full Code Here
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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
        hLayoutAlignCenter.setLayoutMargin(6);
        hLayoutAlignCenter.setMembersMargin(6);
        hLayoutAlignCenter.setBorder("1px dashed blue");
        hLayoutAlignCenter.setAlign(Alignment.CENTER); // As promised!
       
        hLayoutAlignCenter.addMember(new Canvas() {{
            setHeight(40);
            setWidth(40);
            setBackgroundColor("red");
        }});
        hLayoutAlignCenter.addMember(new Canvas() {{
            setHeight(40);
            setWidth(40);
            setBackgroundColor("green");
        }});
        hLayoutAlignCenter.addMember(new Canvas() {{
            setHeight(40);
            setWidth(40);
            setBackgroundColor("blue");
        }});
       
        // 2. HLayout with member.layoutAlign = 'center' (or layout.defaultLayoutAlign = 'center')
        //
        // This centers every member along the vertical axis of the HLayout.
        // If you don't want to center *every* member vertically, you can
        // instead specify the layoutAlign property on individual members.
        // Note that the height of the members is fixed -- if they filled
        // the layout, you wouldn't see the centering.
       
        final HLayout hLayoutDefaultLayoutAlign = new HLayout();
        // Specifying the width creates space within which to center the members.
        hLayoutDefaultLayoutAlign.setWidth100();
        hLayoutDefaultLayoutAlign.setHeight100();
        hLayoutDefaultLayoutAlign.setLayoutMargin(6);
        hLayoutDefaultLayoutAlign.setMembersMargin(6);
        hLayoutDefaultLayoutAlign.setBorder("1px dashed blue");
        hLayoutDefaultLayoutAlign.setDefaultLayoutAlign(Alignment.CENTER); // As promised!
       
        hLayoutDefaultLayoutAlign.addMember(new Canvas() {{
            setHeight(40);
            setWidth(40);
            setBackgroundColor("red");
        }});
        hLayoutDefaultLayoutAlign.addMember(new Canvas() {{
            setHeight(40);
            setWidth(40);
            setBackgroundColor("green");
        }});
        hLayoutDefaultLayoutAlign.addMember(new Canvas() {{
            setHeight(40);
            setWidth(40);
            setBackgroundColor("blue");
        }});
       
        // 3. HLayout with LayoutSpacers
        //
        // This example uses LayoutSpacers as members to center one member in the space
        // remaining after the first member is drawn. Note that it is the positioning
        // of the two LayoutSpacer members that creates the centering ... no alignment
        // property is used.
        final HLayout hLayoutLayoutSpacers = new HLayout();
        // Specifying the width creates space for the LayoutSpacers to distribute.
        hLayoutLayoutSpacers.setWidth100();
        hLayoutLayoutSpacers.setHeight100();
        hLayoutLayoutSpacers.setLayoutMargin(6);
        hLayoutLayoutSpacers.setMembersMargin(6);
        hLayoutLayoutSpacers.setBorder("1px dashed blue");
        // Note no alignment property! It's all done with LayoutSpacers
        hLayoutLayoutSpacers.addMember(new Canvas() {{
            setHeight(40);
            setWidth("33%");
            setPadding(10);
            setContents("<b>No alignment</b>");
            setBackgroundColor("red");
        }});
        hLayoutLayoutSpacers.addMember(new LayoutSpacer()); // Note the use of the LayoutSpacer
        hLayoutLayoutSpacers.addMember(new Canvas() {{
            setHeight(40);
            setWidth("33%");
            setPadding(10);
            setContents("<b>Centered in remaning space</b>");
            setBackgroundColor("green");
        }});
        hLayoutLayoutSpacers.addMember(new LayoutSpacer()); // Note the use of the LayoutSpacer
       
        // 4. VLayout with layout.align = 'center'
        //
        // This centers the members along the vertical axis of the VLayout.
        // Note that the members have a specified height that is less than the
        // height of the VLayout -- otherwise, you would not see the centering
        // visually!
        final VLayout vLayoutAlignCenter = new VLayout();
        // Specifying the height creates space within which to center the members.
        vLayoutAlignCenter.setWidth100();
        vLayoutAlignCenter.setHeight100();
        vLayoutAlignCenter.setLayoutMargin(6);
        vLayoutAlignCenter.setMembersMargin(6);
        vLayoutAlignCenter.setBorder("1px dashed blue");
        vLayoutAlignCenter.setAlign(Alignment.CENTER);
       
        vLayoutAlignCenter.addMember(new Canvas() {{
            setHeight(40);
            setWidth(40);
            setBackgroundColor("red");
        }});
        vLayoutAlignCenter.addMember(new Canvas() {{
            setHeight(40);
            setWidth(40);
            setBackgroundColor("green");
        }});
        vLayoutAlignCenter.addMember(new Canvas() {{
            setHeight(40);
            setWidth(40);
            setBackgroundColor("blue");
        }});
       
        // 5. VLayout with member.layoutAlign = 'center' (or layout.defaultLayoutAlign = 'center')
        //
        // This centers every member along the horizontal axis of the VLayout.
        // If you don't want to center *every* member horizontally, you can
        // instead specify the layoutAlign property on individual members.
        // Note that the width of the members is fixed -- if they filled
        // the layout, you wouldn't see the centering.
        final VLayout vLayoutDefaultLayoutAlign = new VLayout();
        // Specifying the width creates space within which to center the members.
        vLayoutDefaultLayoutAlign.setWidth100();
        vLayoutDefaultLayoutAlign.setHeight100();
        vLayoutDefaultLayoutAlign.setLayoutMargin(6);
        vLayoutDefaultLayoutAlign.setMembersMargin(6);
        vLayoutDefaultLayoutAlign.setBorder("1px dashed blue");
        vLayoutDefaultLayoutAlign.setDefaultLayoutAlign(Alignment.CENTER); // As promised!
       
        vLayoutDefaultLayoutAlign.addMember(new Canvas() {{
            setHeight(40);
            setWidth(40);
            setBackgroundColor("red");
        }});
        vLayoutDefaultLayoutAlign.addMember(new Canvas() {{
            setHeight(40);
            setWidth(40);
            setBackgroundColor("green");
        }});
        vLayoutDefaultLayoutAlign.addMember(new Canvas() {{
            setHeight(40);
            setWidth(40);
            setBackgroundColor("blue");
        }});
       
        // 6. VLayout with LayoutSpacers
        //
        // This example uses LayoutSpacers as members to center one member in the space
        // remaining after the first member is drawn. Note that it is the positioning
        // of the two LayoutSpacer members that creates the centering ... no alignment
        // property is used.
        final VLayout vLayoutLayoutSpacers = new VLayout();
        // Specifying the width creates space for the LayoutSpacers to distribute.
        vLayoutLayoutSpacers.setWidth100();
        vLayoutLayoutSpacers.setHeight100();
        vLayoutLayoutSpacers.setLayoutMargin(6);
        vLayoutLayoutSpacers.setMembersMargin(6);
        vLayoutLayoutSpacers.setBorder("1px dashed blue");
        // Note no alignment property! It's all done with LayoutSpacers
        vLayoutLayoutSpacers.addMember(new Canvas() {{
            setWidth100();
            setHeight("33%");
            setPadding(10);
            setContents("<b>No alignment</b>");
            setBackgroundColor("red");
        }});
        vLayoutLayoutSpacers.addMember(new LayoutSpacer()); // Note the use of the LayoutSpacer
        vLayoutLayoutSpacers.addMember(new Canvas() {{
            setWidth100();
            setHeight("33%");
            setPadding(10);
            setBackgroundColor("green");
            setContents("<b>Centered in remaning space</b>");
View Full Code Here
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
    }
  }

  public Canvas getViewPanel() {

    Canvas canvasMain = new Canvas();

    Window window = new Window();

    window.setTitle("Minimizing a window");
    window.setWidth(300);
    window.setHeight(85);

    window.setCanDragReposition(true);
    window.setCanDragResize(true);
    window.setAnimateMinimize(true);

    Label label = new Label(
        "Staging: <span style=\"color: green; font-weight: bold;\">Normal</span><br/>"
            + "Production: <span style=\"color: green; font-weight: bold;\">Normal</span><br/>"
            + "Development: <span style=\"color: green; font-weight: bold;\">Normal</span>");

    label.setHeight100();
    label.setPadding(5);
    label.setValign(VerticalAlignment.TOP);

    window.addItem(label);
    canvasMain.addChild(window);

    return canvasMain;
  }
View Full Code Here
255
256
257
258
259
260
261
262
263
264
265
266
        } else if (isExplorerTreeNode) {
            ExplorerTreeNode explorerTreeNode = (ExplorerTreeNode) node;
            PanelFactory factory = explorerTreeNode.getFactory();
            if (factory != null) {

                Canvas panel = factory.create();
                panel.setDisabled(disabledModeCB.getValueAsBoolean());
               
                String sampleName = explorerTreeNode.getName();

                String icon = explorerTreeNode.getIcon();
                if (icon == null) {
View Full Code Here
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
        }
    }

    public Canvas getViewPanel() {

        Canvas canvas = new Canvas();

        Canvas yahooAttribution = new Canvas();
        yahooAttribution.setHeight(31);
        yahooAttribution.setContents("<a href='http://developer.yahoo.net/about'>"
                + "<img src='http://l.yimg.com/a/i/us/nt/bdg/websrv_88_1.gif' border='0'>"
                + "</a>");
        canvas.addChild(yahooAttribution);

        DataSource yahooDS = new DataSource();
View Full Code Here
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
        }
    }

    public Canvas getViewPanel() {

        Canvas canvas = new Canvas();

        Canvas yahooAttribution = new Canvas();
        yahooAttribution.setHeight(31);
        yahooAttribution.setContents("<a href='http://developer.yahoo.net/about'>"
                + "<img src='http://l.yimg.com/a/i/us/nt/bdg/websrv_88_1.gif' border='0'>"
                + "</a>");
        canvas.addChild(yahooAttribution);

        XJSONDataSource yahooDS = new XJSONDataSource();
View Full Code Here
50
51
52
53
54
55
56
57
58
59
60
            public void onValueChanged(ValueChangedEvent event) {
                eyesImg.setOpacity(event.getValue());
            }
        });
       
        Canvas canvas = new Canvas();
        canvas.addChild(eyesImg);
        canvas.addChild(slider);
       
        return canvas;
    }
View Full Code Here
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
90
91
92
93
94
95
96
97
98
99
100
101
102
            return DESCRIPTION;
        }
    }

    public Canvas getViewPanel() {
        Canvas canvas = new Canvas();

        final ListGrid countryGrid = new ListGrid();
        countryGrid.setWidth(500);
        countryGrid.setHeight(224);
        countryGrid.setDataSource(WorldXmlDS.getInstance());

        ListGridField countryCodeField = new ListGridField("countryCode", "Country Code");
        ListGridField nameField = new ListGridField("countryName", "Country");
        ListGridField capitalField = new ListGridField("capital", "Capital");
        ListGridField continentField = new ListGridField("continent", "Continent");
        countryGrid.setFields(countryCodeField, nameField, capitalField, continentField);
       
        countryGrid.setSortField(1);
        countryGrid.setDataPageSize(50);
        countryGrid.setAutoFetchData(true);
       
        IButton removeFirst = new IButton("Remove First");
        removeFirst.addClickHandler(new ClickHandler() {
      public void onClick(ClickEvent event) {
        countryGrid.removeData(countryGrid.getRecord(0));       
      }         
        });
        removeFirst.setLeft(0);
        removeFirst.setTop(240);
        removeFirst.setWidth(145);

        IButton removeSelected = new IButton("Remove First Selected");
        removeSelected.addClickHandler(new ClickHandler() {
      public void onClick(ClickEvent event) {
        ListGridRecord selectedRecord = countryGrid.getSelectedRecord();
        if(selectedRecord != null) {
          countryGrid.removeData(selectedRecord);
        } else {
          SC.say("Select a record before performing this action");
        }
      }
         
        });
        removeSelected.setLeft(160);
        removeSelected.setTop(240);
        removeSelected.setWidth(150);

        IButton removeAll = new IButton("Remove All Selected");
        removeAll.addClickHandler(new ClickHandler() {
      public void onClick(ClickEvent event) {
        ListGridRecord[] selectedRecords = countryGrid.getSelection();
        for(ListGridRecord rec: selectedRecords) {
          countryGrid.removeData(rec);
        }
      }         
        });
        removeAll.setLeft(320);
        removeAll.setTop(240);
        removeAll.setWidth(140);
       
        canvas.addChild(countryGrid);
        canvas.addChild(removeFirst);
        canvas.addChild(removeSelected);
        canvas.addChild(removeAll);

        return canvas;
     
    }
View Full Code Here
TOP

Related Classes of com.smartgwt.client.widgets.Canvas

  • $.SearchPanel
  • com.cubusmail.smartgwt.client.Smartdemo
  • com.data2semantics.yasgui.client.tab.optionbar.DownloadLink
  • com.google.gwt.core.client.JavaScriptObject
  • com.smartgwt.sample.showcase.client.forms.layout.FormFillingSample
  • com.smartgwt.sample.showcase.client.Showcase
  • org.geomajas.client.gui.SearchPanel
  • org.geomajas.example.gwt.client.samples.base.SamplePanel
  • org.geomajas.gwt.client.widget.LayerTree
  • org.geomajas.widget.advancedviews.client.widget.LayerActions
    • 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.