ExtJS 3.x DateField menuListeners 显示/隐藏

沃梦达教程前端开发

2022-09-15

ExtJS 3.x DateField menuListeners show/hide每当我的 DateField 上发生显示/隐藏事件时，我都会尝试调用一些函数。我相信这些应该在菜单小部件打开和关闭时...

每当我的 DateField 上发生显示/隐藏事件时，我都会尝试调用一些函数。我相信这些应该在菜单小部件打开和关闭时触??发。到目前为止，我还没有让我的测试 alert() 方法出现。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<body>

<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');
});

</body>

菜单监听器？我不知道有这样的财产。在 ExtJS 中，所有的事件方法都进入了监听器。

1
2
3
4
5
6
7
8
9
10
11

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

现在，你会相应地调用 hide 和 show 方法。