Results 1 to 4 of 4

Thread: ExtJS 5 Label in Toolbar not updated when overflow

    This duplicates another forum thread, you can visit that thread here.
  1. #1
    Sencha User
    Join Date
    Dec 2016
    Posts
    3

    Default ExtJS 5 Label in Toolbar not updated when overflow

    Hi,

    Code:
    var enableBtn =Ext.create('Ext.button.Button',{
            text    :'Edit Label',
            disabled:false,
            scope   :this,
            handler :function(){
                //disable the enable button and enable the disable button
                //enableBtn.disable();
                //disableBtn.enable();
    
            //enable the toolbar
            //toolbar.enable();
            tFieldPage.setText('7');
        }
    });
    
    var tFieldPage =newExt.form.Label({
                text:1
            });
    
    var toolbar =Ext.create('Ext.toolbar.Toolbar',{
        //renderTo: document.body,
        //width   : 400,
        enableOverflow:true,
        margin  :'5 0 0 0',
        items   :[enableBtn, tFieldPage]
    });
    
    
    Ext.create('Ext.window.Window',{
            title:'Standard',
            closable:false,
            height:250,
            width:500,
            bodyStyle:'padding:10px',
            //contentEl: 'content',
            scrollable:true,
            tbar: toolbar
        }).show();
    

    I'm using ExtJS 5.0.1 and I found that when you shrink the window and the label '1' goes into overflow menu, when I press the button to update the label, it would not update. However, when I expand the toolbar, the label is updated again. Upon inspection, I realised that when overflow, another label is created automatically. How do I get the original component that I created to update the cloned one in the overflow menu?
    I tested the code above using sencha fiddle and the same bug appears as well. Any suggestion or is this a framework issue?
    My fiddle link : https://fiddle.sencha.com/#view/editor&fiddle/1nc7

    Thanks.



  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Thanks for the report. I see the issue you are describing but the behavior was fixed in 5.1.3.

  3. #3
    Sencha User
    Join Date
    Dec 2016
    Posts
    3

    Default

    Quote Originally Posted by Gary Schlosberg View Post
    Thanks for the report. I see the issue you are describing but the behavior was fixed in 5.1.3.

    Hi Gary,
    I am still able to simulate this issue in 5.1.3 using sencha fiddle. If you resize until the overflow menu comes out and press the button, you will see that the label does not update. Please help to check again.

  4. #4
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Ah I see. I was testing differently (updating then making the window smaller) which showed the behavior correcting in 5.1.3, but this is clearly still an issue. The EXTJS-23412 bug covers both 6.x and 5.x

Similar Threads

  1. [OPEN] extjs 4.1.1a: toolbar overflow - icon item display incorrect
    By jimmylu98 in forum Ext:Bugs
    Replies: 1
    Last Post: 12 Feb 2013, 8:34 AM
  2. Replies: 0
    Last Post: 18 Oct 2011, 12:44 AM
  3. Replies: 0
    Last Post: 31 Aug 2011, 12:20 AM
  4. Replies: 0
    Last Post: 14 Jun 2011, 4:38 AM

Tags for this Thread

Posting Permissions

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