javascript - ExtJs 3.4 : Set tool tip for combo box

Question

我有一个 ExtJs 组合框，如下所示。我正在使用 ExtJS 3.4。我需要为此组合框设置悬停文本。即，当用户将鼠标悬停在此组合框上时，应出现消息文本。

new Ext.form.ComboBox({
        store : driverStore,
        displayField : 'dName',
        valueField : 'dName',
        fieldLabel : 'Driver Name',
        id : 'drivercombo',
        allowBlank : false,
        typeAhead : true,
        forceSelection : true,
        mode : 'local',
        triggerAction : 'all',
        selectOnFocus : true,
        editable : false,
        hidden : false,
        disabled : true,
        minChars : 1,
        hideLabel : true,
        style : 'marginleft:10px',
        //width : 147,
        emptyText : 'Driver Name',
        flex : 1
    });

我知道有一种方法可以为下拉菜单的组合框项目设置此工具提示消息。但我不想要它。我想要我的组合框的工具提示。

我该怎么做？

Answer 1

您可以在 combobox render 事件的监听器中创建 Ext.ToolTip ，并将其作为您可以定义的 tooltip 目标组合框元素。

var combo = new Ext.form.ComboBox({
    mode: 'local',
    renderTo: Ext.getBody(),
    store: new Ext.data.ArrayStore({
        id: 0,
        fields: [
            'myId',
            'displayText'
        ],
        data: [[1, 'item1'], [2, 'item2']]
    }),
    listeners: {
        render: function(c) {
          new Ext.ToolTip({
            target: c.getEl(),
            html: 'Tooltip content'
          });
        }
    },    
    valueField: 'myId',
    displayField: 'displayText'
});  

摆弄示例: https://fiddle.sencha.com/#fiddle/2q6