ExtJS 3.x DateField menuListeners显示/隐藏

时间:2011-05-13 22:20:21

标签: extjs

每当我的DateField上发生show / hide事件时,我都会尝试调用某些函数。我相信当菜单小部件打开和关闭时,这些应该触发。到目前为止,我还没有能够出现我的测试alert()方法。

<body>
<div id="dateField"></div>
<script type="text/javascript">
    Ext.onReady(function() {

        var dField = new Ext.form.DateField({
            format: 'M d, Y',
            fieldLabel: 'Date',
            allowBlank:false,
            disabledDays:  [0, 6],
            enableKeyEvents :true,
            forceSelection: true,
            menuListeners: {
                hide:{fn:function() {
                    alert("Bye");
                }},
                show:{fn:function() {
                    alert("Hi");
                }}
            },
            listeners:{
                select:{fn:function(combo, value) {
                    alert("select");
                }}
            }
        });
        dField.render('dateField');
    });
</script>
</body>

1 个答案:

答案 0 :(得分:0)

menuListeners?我不知道这样的财产。在ExtJS中,所有事件方法都进入侦听器。

listeners:{
    select: function(combo, value) {
        alert("select");
    },
    hide: function(comp) {
        alert('Bye');
    },
    show: function(comp) {
        alert('Hi');
    }
}

现在,您隐藏并显示相应的方法。