Results 1 to 4 of 4

Thread: [FIXED-EXTJSIV-2509]4.0.2 Ext.Panel.tool "qtip" string do not work

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Nov 2008
    Location
    france
    Posts
    58
    Vote Rating
    0
      0  

    Default [FIXED-EXTJSIV-2509]4.0.2 Ext.Panel.tool "qtip" string do not work

    There is a bug in panel tool "qtip" option if we use a simple string as param.

    In documentation :
    Ext.panel.Tool > Config options : "tooltip" is mentioned, old param no longer valid.

    In src > panel/Tool.js : qtip is tested in "afterRender" but do not work.


    Do not work :
    Code:
     afterRender: function() {
            var me = this;
            me.callParent(arguments);
            if (me.qtip) {
                if (Ext.isObject(me.qtip)) {
                    Ext.tip.QuickTipManager.register(Ext.apply({
                        target: me.id
                    }, me.qtip));
                }
                else {
    /////////////////////////////////////////////////////////////
    		me.toolEl.dom.qtip = me.qtip;
    /////////////////////////////////////////////////////////////
                }
            }
    
            me.mon(me.toolEl, {
                click: me.onClick,
                mousedown: me.onMouseDown,
                mouseover: me.onMouseOver,
                mouseout: me.onMouseOut,
                scope: me
            });
        }

    Work fine :
    Code:
     afterRender: function() {
            var me = this;
            me.callParent(arguments);
            if (me.qtip) {
                if (Ext.isObject(me.qtip)) {
                    Ext.tip.QuickTipManager.register(Ext.apply({
                        target: me.id
                    }, me.qtip));
                }
                else {
    /////////////////////////////////////////////////////////////
    		Ext.create('Ext.tip.ToolTip', {
    			target: me.id,
    			html: me.qtip
    		});
    /////////////////////////////////////////////////////////////
                }
            }
    
            me.mon(me.toolEl, {
                click: me.onClick,
                mousedown: me.onMouseDown,
                mouseover: me.onMouseOver,
                mouseout: me.onMouseOut,
                scope: me
            });
        }

  2. #2
    Sencha Premium User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,234
    Vote Rating
    1015
      0  

    Default

    Thanks for the report, the correct option is tooltip, I've added an alias for qtip for the time being. Also fixed up the docs in Panel.
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

  3. #3
    Sencha User
    Join Date
    Nov 2008
    Location
    france
    Posts
    58
    Vote Rating
    0
      0  

    Default

    Thanks.

    If correct one is "tooltip", in live doc Ext.panel.Panel> Config options > tools > "Example usage" : option is still "qtip".
    May be just not already updated ...

  4. #4
    Sencha User
    Join Date
    May 2010
    Posts
    48
    Vote Rating
    1
      0  

    Default

    I used tooltip, but it still doesn`t work! Am I wrong?
    Ext.QuickTips.init();
    var p = Ext.create('Ext.panel.Panel',{
    title : 'Framed panel with normal child',
    width : 300,
    height: 100,
    html : null,
    frame: true,
    layout: 'fit',
    items: [
    {
    xtype: 'panel',
    title: 'Non-framed child',
    html : 'Hello'
    }
    ],
    tools: [
    {
    type: 'help',
    tooltip:'111',
    handler: function(){
    // show help here
    }
    },
    {
    type: 'refresh',
    tooltip:'222',
    handler: function(){
    // do refresh
    }
    },
    {
    type: 'search',
    tooltip:'333',
    handler: function(event, target, owner, tool){

    }
    }]
    });

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •