Extjs combobox、displayfield、grid增加tip

1、combobox下拉选项添加tip

Ext.tip.QuickTipManager.init();//这行很关键Ext.create('Ext.form.ComboBox', {    fieldLabel: 'Choose State',    store: {        fields: ['abbr', 'name', 'tip'],        data: [{            "abbr": "AL",            "name": "Alabama ",            tip: 'Quicktip 1'        },        {            "abbr": "AK",            "name": "Alaska",            tip: 'Quicktip 2'        },        {            "abbr": "AZ",            "name": "Arizona",            tip: 'Quicktip 3'        }]    },    valueField: 'value',    displayField: 'text',    renderTo: Ext.getBody(),    listConfig: {        tpl: ['<table width="100%"><tpl for=".">', '<tr data-qtip="{tip}">', '<td role="option" class="x-boundlist-item">{name}</td>', '</tr>', '</tpl></table>']    }});

效果如下：

2、displayfield
在创建的时候执行，如果在define的时候使用，tip获取不到值。

{    xtype: 'displayfield'    , name: 'orderNo'    , renderer:function(value, field){        Ext.QuickTips.init();        Ext.QuickTips.register({            target: field.id,            text: value        });    }},

3、grid中操作按钮增加tip

{ text: '操作',  xtype: 'actioncolumn', align: 'center', menuDisabled:true, flex:0.5    , items:[{        iconCls: 'doc_lines',  // Use a URL in the icon config        tooltip: '查看',        handler: function(grid, rowIndex, colIndex) {            editWin.show();            var record = grid.getStore().getAt(rowIndex);            editWin.updataForm(record.raw);        }    }]}

同时需要在创建grid时执行：Ext.tip.QuickTipManager.init();
效果如下：