A SelectItem with styled entries (Smart GWT) : ComboBox « GWT « Java






A SelectItem with styled entries (Smart GWT)

A SelectItem with styled entries (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 java.util.LinkedHashMap;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.form.DynamicForm;
import com.smartgwt.client.widgets.form.fields.ComboBoxItem;
import com.smartgwt.client.widgets.form.fields.SelectItem;

public class Showcase implements EntryPoint{

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


    public Canvas getViewPanel() {
      final DynamicForm form = new DynamicForm();
      form.setWidth(250);       

      ComboBoxItem cbItem = new ComboBoxItem();
      cbItem.setTitle("Select");
      cbItem.setHint("<nobr>A simple ComboBoxItem</nobr>");
      cbItem.setType("comboBox");
      cbItem.setValueMap("Cat", "Dog", "Giraffe", "Goat", "Marmoset", "Mouse");

      SelectItem selectItem = new SelectItem();
      selectItem.setTitle("Select");
      selectItem.setHint("<nobr>A SelectItem with icons</nobr>");
      LinkedHashMap<String, String> valueMap = new LinkedHashMap<String, String>();
      valueMap.put("US", "<b>United States</b>");
      valueMap.put("CH", "China");
      valueMap.put("JA", "<b>Japan</b>");
      valueMap.put("IN", "India");
      valueMap.put("GM", "Germany");
      valueMap.put("FR", "France");
      valueMap.put("IT", "Italy");
      valueMap.put("RS", "Russia");
      valueMap.put("BR", "<b>Brazil</b>");
      valueMap.put("CA", "Canada");
      valueMap.put("MX", "Mexico");
      valueMap.put("SP", "Spain");
      selectItem.setValueMap(valueMap);
      selectItem.setImageURLPrefix("flags/16/");
      selectItem.setImageURLSuffix(".png");

      LinkedHashMap<String, String> valueIcons = new LinkedHashMap<String, String>();
      valueIcons.put("US", "US");
      valueIcons.put("CH", "CH");
      valueIcons.put("JA", "JA");
      valueIcons.put("IN", "IN");
      valueIcons.put("GM", "GM");
      valueIcons.put("FR", "FR");
      valueIcons.put("IT", "IT");
      valueIcons.put("RS", "RS");
      valueIcons.put("BR", "BR");
      valueIcons.put("CA", "CA");
      valueIcons.put("MX", "MX");
      valueIcons.put("SP", "SP");
      selectItem.setValueIcons(valueIcons);

      SelectItem selectItem2 = new SelectItem();
      selectItem2.setTitle("Select");
      selectItem2.setHint("<nobr>A SelectItem with styled entries</nobr>");
      selectItem2.setValueMap("<span style='color:#FF0000;'>Red</span>",
              "<span style='color:#00FF00;'>Green</span>",
              "<span style='color:#0000FF;'>Blue</span>");

      form.setFields(cbItem, selectItem, selectItem2);
      return form;      
    }
}

   
    
    
  








SmartGWT.zip( 9,880 k)

Related examples in the same category

1.ComboBox databinding with DataSource (Smart GWT)ComboBox databinding with DataSource (Smart GWT)
2.A simple ComboBoxItem (Smart GWT)A simple ComboBoxItem (Smart GWT)
3.Editable ComboBox: Select Other from the drop down to enter a custom value (Smart GWT)Editable ComboBox: Select Other from the drop down to enter a custom value (Smart GWT)
4.Dropdown ListGrid Sample (Smart GWT)Dropdown ListGrid Sample (Smart GWT)
5.Local And Databound ComboBox Sample (Smart GWT)Local And Databound ComboBox Sample (Smart GWT)
6.Drag to select time range to create new event (Smart GWT)Drag to select time range to create new event (Smart GWT)
7.Data Bounded Calendar Sample (Smart GWT)Data Bounded Calendar Sample (Smart GWT)
8.Calendar view: day week month (Smart GWT)Calendar view: day week month (Smart GWT)
9.Custom Event Calendar Sample (Smart GWT)Custom Event Calendar Sample (Smart GWT)
10.A SelectItem with icons (Smart GWT)A SelectItem with icons (Smart GWT)
11.Using ComboBoxItem to create simple combobox (Smart GWT)Using ComboBoxItem to create simple combobox (Smart GWT)
12.Dropdown with highlight (Smart GWT)Dropdown with highlight (Smart GWT)
13.Adding image to dropdown (Smart GWT)Adding image to dropdown (Smart GWT)
14.A combobox with styled entries (Smart GWT)A combobox with styled entries (Smart GWT)
15.Auto-complete ComboBox (Ext GWT)Auto-complete ComboBox (Ext GWT)