Question

我正在尝试创建一个覆盖，以便在用户将鼠标悬停在组合列表项上时显示工具提示。我的覆盖如下：

Ext.override(Ext.form.ComboBox, {
     tpl: '<tpl for=".">',
             '<div ext:qtip="{Name}" class="x-combo-list-item">{Name}</div>',
           '</tpl>'
});

有没有办法可以访问displayField而不是tpl中的组合框{Name}？

Answer 1

在问这个问题之前，我应该查看几个主题。我在帖子 here 中找到了答案（愚蠢的我为什么不想这样做）。我没注意到那个话题可能是因为标题不清楚。

这就是我想出的。（与重写相比，序列是要走的路）

Ext.sequence(Ext.form.ComboBox.prototype, 'render', function (combo) {    
    this.tpl = (this.tpl ? this.tpl : '<tpl for="."><div ext:qtip="{' + this.displayField + '}" class="x-combo-list-item">{' + this.displayField + '}</div></tpl>');

    Ext.QuickTips.init();
    Ext.apply(Ext.QuickTips.getQuickTip(), {
        dismissDelay: 0,
        showDelay: 100
    });
});

我会打开这个帖子以防万一其他人正在寻找这个并且找不到另一个帖子。

在组合框的工具提示中使用Ext JS显示字段

1 个答案: