tipの動的更新方法

[Kazuhiro Kotsutsumi]

ボタンにtooltipを設定できることは、みなさんご存じだと思います。

が、あとでそのtooltipを切り替える際に、ただボタンオブジェクトのtooltipオブジェクトのtextを変更しても反映されません。

原因は、ボタンとは別にQuickTipsで管理されているからです。

なので、その方法を。


var btnCmp = this; // ボタンコンポーネント

var btnEl = btnCmp.getEl().child( btnCmp.buttonSelector );
var tip = Ext.QuickTips.getQuickTip().targets[ btnEl.id ];

btnCmp.tooltip.text = '新しいテキスト'
tip.text = this.tooltip.text;


このコードはExt.Buttonを継承しているコンポーネントクラスであれば使用できます。
なので、ツールバーボタン(Ext.Toolbar.Button)でも利用可能です。

参考までに。