Calendar extjs3。通过单击文本字段显示日历

Calendar extjs3。通过单击文本字段显示日历,calendar,extjs3,Calendar,Extjs3,当您单击日历左侧的文本字段图标时,如何显示日历 使用“render”事件来侦听对日期字段的单击,然后使用OnTiggerClick()函数展开日期选择器: { xtype:'datefield', name:'date1', fieldLabel:'Date', listeners:{ render:function (d) {

当您单击日历左侧的文本字段图标时,如何显示日历


使用“render”事件来侦听对日期字段的单击,然后使用OnTiggerClick()函数展开日期选择器:

       {
            xtype:'datefield',
            name:'date1',
            fieldLabel:'Date',
            listeners:{
                render:function (d) {
                    d.el.on('click', function () {
                        d.onTriggerClick();
                    });

                }
            }
        }

Alin Suciu的答案对于extjs 5来说是不够的。 因为单击日期选择器映像时,选择器不会触发。 所以我把它改了一点。 这不是最好的方法,但可以起作用

listeners: {
    afterrender: function (d) {
        d.getEl().on('click', function (e, t, o) {
            if (e.target.id.indexOf('picker') <= 0) {
                d.onTriggerClick();
            }
        });
    }
}
侦听器:{
afterrender:函数(d){
d、 getEl().on('click',函数(e,t,o){
if(e.target.id.indexOf('picker'))
listeners: {
    afterrender: function (d) {
        d.getEl().on('click', function (e, t, o) {
            if (e.target.id.indexOf('picker') <= 0) {
                d.onTriggerClick();
            }
        });
    }
}