Set Message for Slider (Ext GWT)

 

/*
 * Ext GWT - Ext for GWT
 * Copyright(c) 2007-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */
 
 
package com.google.gwt.sample.hello.client;

import com.extjs.gxt.ui.client.Style.Scroll;
import com.extjs.gxt.ui.client.event.ButtonEvent;
import com.extjs.gxt.ui.client.event.SelectionListener;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.Slider;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.layout.FillData;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.ui.RootPanel;

public class Hello implements EntryPoint {
  public void onModuleLoad() {
    RootPanel.get().add(new CustomSliderExample());
  }
}
class CustomSliderExample extends LayoutContainer {
  public CustomSliderExample() {
    setScrollMode(Scroll.AUTO);
  }

  private int margins = 30;

  @Override
  protected void onRender(Element parent, int pos) {
    super.onRender(parent, pos);

    final Slider slider4 = new Slider();
    slider4.setWidth(214);
    slider4.setMessage("{0}% complete");
    LayoutContainer lc = new LayoutContainer();
    lc.setId("custom-slider");
    lc.add(slider4);

    add(lc, new FillData(margins));

    add(new Button("set value to 40", new SelectionListener<ButtonEvent>() {
      @Override
      public void componentSelected(ButtonEvent ce) {
        slider4.setValue(40);
      }
    }), new FillData(margins));

  }

}

Ext-GWT.zip( 4,297 k)

1.	Vertical/Horizontal Slider Sample (Smart GWT)
2.	Drag the slider to change opacity (Smart GWT)
3.	Using Slider to control the width and sharpness of a shadow (Smart GWT)
4.	Using SliderItem to create slider (Smart GWT)
5.	Using Slider and SliderField (Ext GWT)
6.	Vertical.Horizontal Slider (Ext GWT)
7.	Set value for Slider (Ext GWT)

Set Message for Slider (Ext GWT) : Slider « GWT « Java

Related examples in the same category