Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. 6 Sep 2012 11:22 AM #1
    dbrin
    dbrin is offline
    Ext JS Premium Member
    Join Date
    Jan 2010
    Location
    San Diego, CA
    Posts
    253
    Vote Rating
    4
    dbrin is on a distinguished road
      0  

    Exclamation Tree scrolls to top on node expand.

    Tree scrolls to top on node expand.



    Ext version tested:
    • Ext 4.1.1
    Browser versions tested against:
    • IE8
    • FF15
    • Chrome
    Description:
    • When a node on a tree expands and loads from server the view scrolls to the top.
    Steps to reproduce the problem:
    • Scroll to the bottom of the tree panel
    • Expand the last Node
    The result that was expected:
    • Last Node is shown with its children
    The result that occurs instead:
    • View scrolls to the top and the expanded node is not visible.
    See this URL for live test case:
    http://jsfiddle.net/dbrin/MZ5FG/show/light/


    Operating System:
    • Win7
    Reply With Quote Reply With Quote
  2. 6 Sep 2012 11:31 AM #2
    Animal
    Animal is offline
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,458
    Vote Rating
    20
    Animal is a jewel in the rough Animal is a jewel in the rough Animal is a jewel in the rough
      0  

    Default


    As a workaround, configure your TreeGrid with

    Code:
    viewConfig: {
    preserveScrollOnRefresh: true
}
    Search the forum: http://www.google.com/coop/cse?cx=01...%3Az7of1ufqccu
    Read the docs too: http://extjs.com/deploy/dev/docs/
    Scope: http://extjs.com/forum/showthread.ph...642#post257642
    Reply With Quote Reply With Quote
  3. 6 Sep 2012 11:33 AM #3
    Animal
    Animal is offline
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,458
    Vote Rating
    20
    Animal is a jewel in the rough Animal is a jewel in the rough Animal is a jewel in the rough
      0  

    Default


    Strange, because if you modify extjs/examples/tree/treegrid.html to remove the singleExpand: true config, it does not exhibit your bug.

    No other trees do either.
    Search the forum: http://www.google.com/coop/cse?cx=01...%3Az7of1ufqccu
    Read the docs too: http://extjs.com/deploy/dev/docs/
    Scope: http://extjs.com/forum/showthread.ph...642#post257642
    Reply With Quote Reply With Quote
  4. 6 Sep 2012 11:34 AM #4
    dbrin
    dbrin is offline
    Ext JS Premium Member
    Join Date
    Jan 2010
    Location
    San Diego, CA
    Posts
    253
    Vote Rating
    4
    dbrin is on a distinguished road
      0  

    Default


    Perfect!
    Reply With Quote Reply With Quote
  5. 6 Sep 2012 8:07 PM #5
    evant
    evant is offline
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    15,103
    Vote Rating
    97
    evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold
      0  

    Default


    I can't reproduce this on the latest code:

    http://screencast.com/t/9meV0wVt

    Code:
    Ext.define('ESSR.model.Request', {
    extend: 'Ext.data.Model',
    fields: [{
        name: 'idd',
        type: 'int'
    }, {
        name: 'name',
        type: 'string'
    }, {
        name: 'f1',
        defaultValue: 'field 1'
    }, {
        name: 'f2',
        defaultValue: ' some other default value'
    }]
});

Ext.require('*');

Ext.onReady(function() {

    var store = new Ext.data.TreeStore({
        model: 'ESSR.model.Request',
        autoLoad: false,
        proxy: {
            type: 'ajax',
            url: 'data.json',
            reader: {
                type: 'json',
                root: 'data'
            }
        },
        root: {
            expanded: false //important for autoload to work properly
        }
    });

    Ext.create('Ext.tree.Panel', {
        renderTo: Ext.getBody(),
        width: 550,
        height: 400,
        store: store,
        columns: [{
            xtype: 'treecolumn',
            text: 'IDD',
            dataIndex: 'idd',
            width: 120
        }, {
            text: 'Name',
            dataIndex: 'name',
            width: 120
        }, {
            text: 'F1',
            dataIndex: 'f1',
            width: 120
        }, {
            text: 'F2',
            dataIndex: 'f2',
            width: 120
        }]
    });
    store.getRootNode().expand();
});
    Code:
    {
    "data": [
        {
            "idd": 1,
            "name": "First"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 10,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 12,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 20,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 22,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 32,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 42,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 52,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 62,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 72,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 82,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 92,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 102,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 112,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 2,
            "name": "Second"
        }, {
            "idd": 120,
            "name": "Second"
        }
    ]
}
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!
    Reply With Quote Reply With Quote
  6. 6 Sep 2012 9:11 PM #6
    dbrin
    dbrin is offline
    Ext JS Premium Member
    Join Date
    Jan 2010
    Location
    San Diego, CA
    Posts
    253
    Vote Rating
    4
    dbrin is on a distinguished road
      0  

    Default


    cool. is that with 4.1.2 ? is there a CDN I call pull from to use on JSFiddle ?
    Reply With Quote Reply With Quote
  7. 6 Sep 2012 9:50 PM #7
    evant
    evant is offline
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    15,103
    Vote Rating
    97
    evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold
      0  

    Default


    Yes, what will end up being 4.1.2.

    No, there's no CDN, it has not yet been released.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!
    Reply With Quote Reply With Quote
  8. 18 Dec 2012 3:16 AM #8
    art.dev.ext
    art.dev.ext is offline
    Sencha User
    Join Date
    Mar 2008
    Posts
    51
    Vote Rating
    0
    art.dev.ext is on a distinguished road
      0  

    Default REOPENED in 4.1.3

    REOPENED in 4.1.3


    I can reproduce it with ExtJs 4.1.3

    viewConfig:{
    preserveScrollOnRefresh:true
    }
    does the trick
    Reply With Quote Reply With Quote

Tags for this Thread