工具提示在組中的每個無線電按鈕和標籤，ExtJS的

工作extjs的2.3，試圖讓工具提示上的無線電設備組出現當用戶或者懸停在單選按鈕或標籤工具提示在組中的每個無線電按鈕和標籤，ExtJS的

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' } 
     ] 
    });

可以」沒有看到有關工具提示和單選按鈕的文檔中的任何東西，任何人都可以指向正確的方向

來源

2013-12-16 user2751034

不要你只是想要一個title屬性？ – isherwood

我是新來的分機，所以我不確定你的意思，你可以解釋或顯示一個例子謝謝 – user2751034

我拿@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是在類指着=「X外形無線電總結內部」其中包含按鈕和標籤，我可以從那裏獲得實際的按鈕和標籤ID，並將這些快速提示指向這些對象，因此它的工作原理完全符合我的需求。

希望這可以幫助別人在未來！

來源

2013-12-17 11:46:32 user2751034

對於幾乎所有標記的字段組件ExtJS都提供了一個可選的模板配置來插入字段標記。

根據文檔，你可以添加以下代碼在這種特殊情況下：

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

來源

2018-02-27 09:14:42 Levan

工具提示在組中的每個無線電按鈕和標籤，ExtJS的

回答

相關問題