Examples with SliderField com.extjs.gxt.ui.client.widget.form.SliderField used on opensource projects

Example 1 with SliderField

use of com.extjs.gxt.ui.client.widget.form.SliderField in project activityinfo by bedatadriven.

the class PiechartLayerOptions method createMinMaxSliders.

private void createMinMaxSliders() {
    setSliderDefaults(sliderMinSize);
    setSliderDefaults(sliderMaxSize);
    sliderMinSize.setValue(16);
    sliderMaxSize.setValue(48);
    sliderfieldMinSize = new SliderField(sliderMinSize);
    sliderfieldMinSize.setFieldLabel(I18N.CONSTANTS.radiusMinimum());
    sliderfieldMaxSize = new SliderField(sliderMaxSize);
    sliderfieldMaxSize.setFieldLabel(I18N.CONSTANTS.radiusMaximum());
    panel.add(sliderfieldMinSize, formData);
    panel.add(sliderfieldMaxSize, formData);
    // Ensure min can't be more then max, and max can't be less then min
    sliderMinSize.addListener(Events.Change, new Listener<SliderEvent>() {

        @Override
        public void handleEvent(SliderEvent be) {
            timerMinSlider.cancel();
            timerMinSlider.schedule(250);
        }
    });
    sliderMaxSize.addListener(Events.Change, new Listener<SliderEvent>() {

        @Override
        public void handleEvent(SliderEvent be) {
            timerMinSlider.cancel();
            timerMaxSlider.schedule(250);
        }
    });
    timerMinSlider = new Timer() {

        @Override
        public void run() {
            if (sliderMinSize.getValue() > sliderMaxSize.getValue()) {
                sliderMinSize.setValue(sliderMaxSize.getValue());
            }
            piechartMapLayer.setMinRadius(sliderMinSize.getValue());
            ValueChangeEvent.fire(PiechartLayerOptions.this, piechartMapLayer);
        }
    };
    timerMaxSlider = new Timer() {

        @Override
        public void run() {
            if (sliderMaxSize.getValue() < sliderMinSize.getValue()) {
                sliderMaxSize.setValue(sliderMinSize.getValue());
            }
            piechartMapLayer.setMaxRadius(sliderMaxSize.getValue());
            ValueChangeEvent.fire(PiechartLayerOptions.this, piechartMapLayer);
        }
    };
}

Example 2 with SliderField

use of com.extjs.gxt.ui.client.widget.form.SliderField in project activityinfo by bedatadriven.

the class PiechartLayerOptions method createMinMaxSliders.

private void createMinMaxSliders() {
    setSliderDefaults(sliderMinSize);
    setSliderDefaults(sliderMaxSize);
    sliderMinSize.setValue(16);
    sliderMaxSize.setValue(48);
    SliderField sliderfieldMinSize = new SliderField(sliderMinSize);
    sliderfieldMinSize.setFieldLabel(I18N.CONSTANTS.radiusMinimum());
    SliderField sliderfieldMaxSize = new SliderField(sliderMaxSize);
    sliderfieldMaxSize.setFieldLabel(I18N.CONSTANTS.radiusMaximum());
    panel.add(sliderfieldMinSize, formData);
    panel.add(sliderfieldMaxSize, formData);
    // Ensure min can't be more then max, and max can't be less then min
    sliderMinSize.addListener(Events.Change, new Listener<SliderEvent>() {

        @Override
        public void handleEvent(SliderEvent be) {
            timerMinSlider.cancel();
            timerMinSlider.schedule(250);
        }
    });
    sliderMaxSize.addListener(Events.Change, new Listener<SliderEvent>() {

        @Override
        public void handleEvent(SliderEvent be) {
            timerMinSlider.cancel();
            timerMaxSlider.schedule(250);
        }
    });
    timerMinSlider = new Timer() {

        @Override
        public void run() {
            if (sliderMinSize.getValue() > sliderMaxSize.getValue()) {
                sliderMinSize.setValue(sliderMaxSize.getValue());
            }
            piechartMapLayer.setMinRadius(sliderMinSize.getValue());
            ValueChangeEvent.fire(PiechartLayerOptions.this, piechartMapLayer);
        }
    };
    timerMaxSlider = new Timer() {

        @Override
        public void run() {
            if (sliderMaxSize.getValue() < sliderMinSize.getValue()) {
                sliderMaxSize.setValue(sliderMinSize.getValue());
            }
            piechartMapLayer.setMaxRadius(sliderMaxSize.getValue());
            ValueChangeEvent.fire(PiechartLayerOptions.this, piechartMapLayer);
        }
    };
}