ツールバー項目からextjsツールチップを有効または無効にします

Question

ツールバーにツールチップを有効または無効にするためのチェックボックスがあります。チェックボックスをオンにするとツールチップが有効になり、そうでなければ機能します。ではない、その後もそれが

toogleTooltipを有効にされたツールバーの任意の項目をツールバー上でクリックしたときにツールチップを無効にした後、これは私のツールバーの作成コード

Ext.QuickTips.init(); 
var tb = new Ext.Toolbar({ 
id:'form_menu_bar', 
renderTo: Ext.get('newproducttitle').dom, 
items: [ 
    { 
     tooltip: 
     { 
     text: "Click on this button to generate the template and save it in server.", 
     title: "Save" , 
     xtype: "quicktip" 
     } 
     ,iconCls : 'msai_save_template' 
     , handler : generateTemplate 

    }, 
    { 
     tooltip: 
     { 
     text: "Click on this button to generate the template.", 
     title: "Save to clipboard" , 
     xtype: "quicktip" 
     } 
     , iconCls : 'msai_save_clipboard' 
     , handler : generateTemplateClipboard 
    }]}); 

あるチェックボックス

function toggleTooltip() 
{ 
debugger; 
if(Ext.getCmp("msai_tool_tip").checked) 
{ 
    Ext.QuickTips.enable(); 
    while(!Ext.QuickTips.isEnabled()) 
    Ext.QuickTips.enable(); 
} 

else 
{ 
    Ext.QuickTips.disable(); 
    while(Ext.QuickTips.isEnabled()) 
     Ext.QuickTips.disable(); 
} 
} 

のハンドラくださいですユーザーがツールバーをクリックしてもツールチップを表示しないように解決策を提案する

Answer 1

実際の例を確認するには、以下のフィドルを見つけてください： https://fiddle.sencha.com/#view/editor&fiddle/2c7k

コードスニペット：

Ext.QuickTips.init(); 

var tb = new Ext.Toolbar({ 
     renderTo: document.body, 
     width: 600, 
     height: 100, 
     items: [{ 
      // xtype: 'button', // default for Toolbars, same as 'tbbutton' 
      text: 'Button', 
      tooltip: 'button' 
     }, { 
      xtype: 'splitbutton', // same as 'tbsplitbutton' 
      text: 'Split Button', 
      tooltip: 'Split Button' 
     }, { 
      xtype: 'checkbox', 
      boxLabel: 'enable tooltip', 
      checked: true, 
      listeners: { 
       check: function (checkbox, newValue, oldValue) { 
        if (newValue) { 
         Ext.QuickTips.enable(); 
        } else { 
         Ext.QuickTips.disable(); 
        } 
       } 
      } 
     }] 
    });