ExtJS 4:有没有办法将QuickTip附加到表单字段？

Question

我正在尝试将QuickTip添加到表单字段,但找不到让我的代码工作的方法.首先,我尝试使用qtip属性

    {
        fieldLabel: 'Last Name',
        qtip:'This tip is not showing at all',
        name: 'last'
    }

然后使用Ext.tip.ToolTip类:

Ext.create('Ext.tip.ToolTip', {
    target: 'rating_field',
    anchor: 'right',
    trackMouse: true,
    html: 'This tip is not showing at all'
});

Ext.QuickTips.init();

这是一个包含源代码的jsfiddle:jsfiddle

Answer 1

是的,使用inputAttrTpl配置和data-qtip属性:

{
    fieldLabel: 'Last Name',
    inputAttrTpl: " data-qtip='This is my quick tip!' ",
    name: 'last'
}

Answer 2

我在这里找到答案:我应该如何向ExtJS组件添加工具提示？

    {
        fieldLabel: 'Last Name',
        qtip: "This is a tip",
        name: 'last',
        listeners: {
            render: function(c) {
                Ext.QuickTips.register({
                    target: c.getEl(),
                    text: c.qtip
                });
            }
        }
    }