隐藏extjs组合框的下拉列表

Question

嗨，我在extjs的新手我想问你们如何隐藏extjs组合框onmouseout的下拉列表。

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

Answer 1

在事件中使用mouseLeave Monitor

示例：

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

第一个参数是崩溃间隔 - 你可以改变它。