[4.x]Ext.ux.form.field.Month

Ext4.x中用作“年-月”格式日期选择的控件，测试在Ext4.0.2a下运行正常。

效果图：

 

/*!
 * Ext JS Library 4.0.2a
 * LastUpdate: 2011-07-25
 */
/**
 *@class Ext.ux.form.field.Month
 *@extends Ext.form.field.Trigger
 *@alias monthfield
 *日期选择控件中的“年-月”格式的选择
 */
Ext.define('Ext.ux.form.field.Month',{
    alias: ['widget.monthfield'],
    extend: 'Ext.form.field.Trigger', 
    listeners:{
        focus: function(){
            this.onTriggerClick();
        },
        blur:function(){
            this.menu.hide();
        }
    },
    onTriggerClick: function() { 
        var me = this;
        
        if(!me.menu)
        {
            this.menu = Ext.create('Ext.picker.Month',{
                ownerCt: me.ownerCt,
                renderTo: document.body,
                floating: true,
                format: Ext.String.format,
                listeners:{
                    'okclick':function(menu,dateArr){
                        me.menu.hide();
                        me.setValue(me.formatMonthPickerDate(dateArr));
                    },
                    'cancelclick': function(){
                        me.menu.hide();
                    }
                }
            });
        }
        
        this.menu.show();
    },
    formatMonthPickerDate: function(arr){
        return arr[1] + '-' + 
               (101+arr[0]).toString().substring(1,3);
    }
});