Ext.form을 확장합니다.DateField 정의 날짜 패널 기본 표시 날짜

1582 단어 ext
이렇게 오랫동안 EXT를 사용했기 때문에 Ext의 기능은 매우 강하다고 느낀다. 그러나 어떤 것도 모든 수요를 포함할 수 없다. 다행히도 Ext는 우리에게 쓰기 확장의 인터페이스를 제공했다. 확장을 통해 Ext 구성 요소가 우리의 특수한 수요를 만족시킬 수 있다.ext의date 구성 요소는 이러한 요구를 만족시킬 수 없습니다. 당일 날짜 상자의 내용이 비어 있을 때, 날짜 입력 상자 뒤에 있는 아이콘을 누르면 날짜 선택 패널을 표시할 때, 표시된 기본 날짜는 현재 날짜의 연월이 아니라 우리가 설정한 기본 날짜입니다.Ext.form 보기DateField의 속성 목록에서 기본 표시 날짜를 설정할 수 있는 매개 변수를 보지 못했습니다.그래서 우리 스스로 확장해야 한다.Ext.form 을 참조했습니다.DateField의 onTriggerClick 방법으로 패널의 기본 날짜가 여기에 설정되어 있음을 알 수 있습니다.Ext 설정은 this.getValue () | new Date (), 즉 입력 상자의 값을 먼저 가져와 존재하지 않으면 현재 날짜를 사용합니다.ok, 확장합시다. 우리끼리 다시 set Value를 하면 됩니다.
 Ext.form.myDateField=Ext.extend(Ext.form.DateField,{
            onTriggerClick:function(){
                Ext.form.myDateField.superclass.onTriggerClick.call(this);   // , this.menu 
                this.menu.picker.setValue(this.getValue()||this.defaultDate);     // menuPicker setValue 
            }
        });
        Ext.reg('myDateField',Ext.form.myDateField);  // , 
        // myDateField, new 
        var date=new Ext.form.myDateField({
            renderTo:document.body,
            defaultDate:new Date(2008,7,8)    // defaultDate 
        });
        // xtype 
        var panel=new Ext.Panel({
            width:200,
            height:200,
            items:{
                xtype:'myDateField',   // xtype 
                defaultDate:new Date(2008,7,8)
            },
            renderTo:document.body
        });

좋은 웹페이지 즐겨찾기