Picker

Scrolling value selector widget

View larger

Close

iOS style value picker for all you who want the widget to look same on all platforms.

This add on has long todo list still. It's missing touchevent support, kinetic scrolling and many other key features.

Looks really bad on IE9/10 for now. Tested with WebKit browsers (Chrome, Safari), Firefox and Opera.

Sample code

Picker picker = new Picker("Pick a year");

for (int i = 1982; i < 2013; ++i) {
    picker.addValue(new Integer(i));
}

picker.setValue(new Integer(2000));

picker.addValueChangeListener(new Picker.ValueChangeListener() {

    @Override
    public void onValueChanged(Object value, Integer index) {
        new Notification(value.toString() + " selected!").show(
	    PickerDemoUI.this.getPage());
    }
});

Links

• Source Code
• Online Demo

Compatibility