【问题标题】:Doubleclick event in datefield - extjs 4.2.2日期字段中的双击事件 - extjs 4.2.2
【发布时间】:2013-12-23 10:53:38
【问题描述】:

我正在尝试通过双击日期字段来用今天的日期填充日期字段。 现在我没有 xtype: datefield 的点击事件。

是否仍然可以将双击事件“添加”到日期字段,或者是否有其他解决方法??

示例代码:

xtype: 'datefield',
name: 'reminderDate',
itemId: 'reminderDate',
fieldLabel: 'Erinnerung am',
padding: '10',
style: 'background-color: red'

【问题讨论】:

    标签: extjs extjs4 extjs4.2 double-click datefield


    【解决方案1】:

    Ext.form.field.Date 没有dblclick 事件。但是,在渲染组件后,您可以在 datefield 输入元素上为 dblclick 事件绑定侦听器。您可以从Ext.form.field.DateinputEl 属性中获取日期字段输入元素。

    xtype: 'datefield',
    fieldLabel: 'Date',
    name: 'date',
    listeners: { 
        afterrender: function(c) {
            c.inputEl.on('dblclick', function(){
                c.setValue(new Date());
            });
        }
    }
    

    现场摆弄示例:https://fiddle.sencha.com/#fiddle/2bo

    【讨论】:

    • 似乎不起作用。当我在 afterrender 中放置警报时,它也不会显示它。会不会是 afterrender 事件没有被调用?
    • afterrender 在组件完全渲染后被触发。看看这个小提琴:fiddle.sencha.com/#fiddle/2bo
    • 是的,似乎是对的。谢谢你。我想我的问题是我的组件没有完全渲染。我会检查一下。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-08
    • 2012-06-09
    • 2021-01-02
    • 1970-01-01
    相关资源
    最近更新 更多