Extjs 월 선택기

1725 단어 ExtJs
작은 시스템을 하나 쓰려면 달을 선택해야 한다. 스스로 하나를 써서 더 좋은 해결 방법이 있는지 보자.
Ext.define('Ext.ux.MyDatePicker', {
    extend: 'Ext.menu.Menu',
    xtype: 'myDatePicker',
    requires: [
        'Ext.picker.Month'
     ],
     
     
    alias: 'widget.mydatepicker',
    initComponent : function(){
        var me = this;

        Ext.apply(me, {
            items: Ext.applyIf({
            	height:'240',
                id: me.pickerId,
                xtype: 'monthpicker',
                listeners: {
                    scope: me,
                    cancelclick:{ fn:me.onCancelClick } ,
                    okclick: {    fn:me.onOkClick },
                    yeardblclick: { fn:me.onOkClick},
                    monthdblclick:{ fn:me.onOkClick }
                }
            },me.initialConfig)
        });

        me.callParent(arguments);

        me.picker = me.down('monthpicker');
        
        me.picker.setValue( Ext.Date.clearTime(new Date()));
    },
    
    onOkClick:function(picker, value){
    	    
       		 this.up().setText(value[1]+'    -'+(value[0]+1)+'   ');
    	     this.onCancelClick();
    },
    
    onCancelClick:function(){
    	
       Ext.menu.Manager.hideAll();
    },
});

 
호출할 때 이렇습니다.
{
	 text:' ',
	 menu:{
	 xtype: 'mydatepicker',
         plain: true,
 } 

ExtJS의 Ext.getDom
제1장 - ExtJs - 개체 대상

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage