javascript - 隐藏 extjs 组合框的下拉列表

Question

嗨，extjs 的新手，我想请教一下如何隐藏 extjs combobox onmouseout 的下拉列表。

var combo = new ext.form.combobox({
    width: 178,
    store: store,
    displayField: 'name',
    valueField: 'value',
    triggerAction: 'all',
    emptyText: 'blank'
});
combo.applyTo('id');

Answer 1

在事件中使用mouseLeaveMonitor

例子:

var combo = new ext.form.combobox({
    width: 178,
    store: store,
    displayField: 'name',
    valueField: 'value',
    triggerAction: 'all',
    emptyText: 'blank',
    listeners: {
        expand: function(combo) {
            var element = combo.getPicker().el;
            combo.mouseLeaveMonitor = element.monitorMouseLeave(0, combo.collapse, combo);
        }
    }
});
combo.applyTo('id');

第一个参数是折叠间隔 - 您可以更改它。