Clear Up
SharpKit Reference

Ext.picker Namespace

Download SDK: SharpKit.ExtJs.zip

Classes

Name Description
Color

Color picker provides a simple color palette for choosing colors. The picker can be rendered to any container. The available default to a standard 40-color palette; this can be customized with the colors config.

Typically you will need to implement a handler function to be notified when the user chooses a color from the picker; you can register the handler using the select event, or by implementing the handler method.

  
    Ext.create('Ext.picker.Color', {
            value: '993300',  // initial selected color
            renderTo: Ext.getBody(),
            listeners: {
            select: function(picker, selColor) {
            alert(selColor);
            }
            }
            });
            
ColorConfig
ColorEvents
Date

A date picker. This class is used by the Ext.form.field.Date field to allow browsing and selection of valid dates in a popup next to the field, but may also be used with other components.

Typically you will need to implement a handler function to be notified when the user chooses a date from the picker; you can register the handler using the select event, or by implementing the handler method.

By default the user will be allowed to pick any date; this can be changed by using the minDate, maxDate, disabledDays, disabledDatesRE, and/or disabledDates configs.

All the string values documented below may be overridden by including an Ext locale file in your page.

  
    Ext.create('Ext.panel.Panel', {
            title: 'Choose a future date:',
            width: 200,
            bodyPadding: 10,
            renderTo: Ext.getBody(),
            items: [{
            xtype: 'datepicker',
            minDate: new Date(),
            handler: function(picker, date) {
            // do something with the selected date
            }
            }]
            });
            
DateConfig
DateEvents
Month

NOTE This is a private utility class for internal use by the framework. Don't rely on its existence.

A month picker component. This class is used by the Date picker class to allow browsing and selection of year/months combinations.

MonthConfig
MonthEvents
Time

A time picker which provides a list of times from which to choose. This is used by the Ext.form.field.Time class to allow browsing and selection of valid times, but could also be used with other components.

By default, all times starting at midnight and incrementing every 15 minutes will be presented. This list of available times can be controlled using the minValue, maxValue, and increment configuration properties. The format of the times presented in the list can be customized with the format config.

To handle when the user selects a time from the list, you can subscribe to the selectionchange event.

  
    Ext.create('Ext.picker.Time', {
            width: 60,
            minValue: Ext.Date.parse('04:30:00 AM', 'h:i:s A'),
            maxValue: Ext.Date.parse('08:00:00 AM', 'h:i:s A'),
            renderTo: Ext.getBody()
            });
            
TimeConfig
TimeEvents
© Copyright 2005-2011 SharpKit. All rights reserved.