组中每个单选按钮和标签上的工具提示，ExtJS答案

【问题标题】：Tooltip on each radio button and label in group, ExtJS组中每个单选按钮和标签上的工具提示，ExtJS
【发布时间】：2013-12-16 17:32:44
【问题描述】：

在 extjs 2.3 上工作，当用户将鼠标悬停在单选按钮或标签上时，尝试让工具提示出现在单选组上

Ext.QuickTips.init();
var radios = new Ext.form.RadioGroup({
        id: 'someId',
        fieldLabel: 'Period',
        columns: 2,
        items: [
            { id: 'am_box', boxLabel: 'AM', name: 'period', inputValue: 'am', tooltip: 'some am message', checked: true },
            { id: 'pm box', boxLabel: 'PM', name: 'period', inputValue: 'pm', tooltip: 'some pm message' }
        ]
    });

在文档中看不到有关工具提示和单选按钮的任何内容，谁能指出我正确的方向

【问题讨论】：

你不想要一个title属性吗？
我是 ext 新手，所以不确定你的意思，你能解释一下或举个例子吗？谢谢

标签： javascript extjs

【解决方案1】：

对于几乎每个带标签的字段组件，ExtJS 都提供了一个可选的模板配置以插入到字段标记中。

根据文档，在这种特殊情况下，您可以将以下内容添加到您的代码中：

boxLabelAttrTpl: 'data-qtip="my radio item tip"',

【讨论】：

【解决方案2】：

我接受了@isherwood 的建议并查看了 title 属性并提出了以下解决方案。

Ext.QuickTips.init();
var radios = new Ext.form.RadioGroup({
    id: 'someId',
    fieldLabel: 'Period',
    columns: 2,
    items: [
        { id: 'am_box', boxLabel: 'AM', listeners: me.setRadioQtip('some am message'), name: 'period', inputValue: 'am', checked: true },
        { id: 'pm box', boxLabel: 'PM', listeners: me.setRadioQtip('some am message'), name: 'period', inputValue: 'pm' }
    ]
});

setRadioQtip: function ( t )
{
    var o = {
        render: function()
        {
            var id  = Ext.get(Ext.DomQuery.select('#x-form-el-'+this.id+' div'));
            Ext.QuickTips.register(
            {   
                target:  id.elements[id.elements.length - 1].id, 
                text: t,
                dismissDelay: 5000
            });
        },
        destroy: function()
        {
            var id = Ext.get(Ext.DomQuery.select('#x-form-el-'+this.id+' div'));
            Ext.QuickTips.unregister(id.elements[id.elements.length-1].id);
        }        
    }
    return o;
}

工具提示现在出现在单选按钮和标签周围，但它有点命中和错过完全取决于你悬停的位置，id 指向 class="x-form-radio-wrap-inner " 持有按钮和标签，我能够从那里获取实际的按钮和标签 ID，并将快速提示指向这些，所以它完全按照我想要的方式工作。

希望这对将来的其他人有所帮助！

【讨论】：