Включение и отключение подсказки ExtJS из элементов панели инструментов - PullRequest
Новая
       2

Включение и отключение подсказки ExtJS из элементов панели инструментов

1 голос
/ 07 июня 2011

В моем toolbar есть checkbox, используемый для включения и выключения tooltip.Если установлен флажок checkbox, то я должен включить tooltip, и если он не работает, я должен отключить его, также работающий.После отключения tooltip, когда вы нажимаете toolbar, но не на любой элемент в toolbar, он также включается.

toogleTooltip - это handler из checkbox

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();
    }
}

Это мой код создания панели инструментов: 

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

Пожалуйста, предложите какое-нибудь решение, чтобы я не показывал tooltip, если пользователь нажимает наПанель инструментов отсутствует ни в одном элементе.

1 Ответ

0 голосов
/ 23 января 2018

Найдите приведенную ниже скрипку для проверки рабочего примера: 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();
                    }
                }
            }
        }]
    });
...