View Full Version : autoLoad: false TreeStore in with TreePanel rootVisible: false

13 Mar 2012, 1:10 PM
Hello, I understand the idea of ??autoLoad: false TreeStore the "no work" or work differently due to the expansion of the root. But if you do not want to display this root, there's no way I set it so that it is not expanded, since it is hidden. The main problem is I need to load the tree after it is rendered, but it strikes me the following error:

records[i] is undefined
ns[i].viewRecordId = records[i].internalId;

Moreover, it tries to create new nodes instead of removing the existing and doing a "reload" menu.To better illustrate the problem, I created the example below.

<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../resources/css/ext-all.css" type="text/css">
<script type="text/javascript" src="../ext-all-dev.js"></script>
<script type="text/javascript">

Ext.define('Menu', {
extend: 'Ext.data.Model',
fields: [
{name: 'id', type: 'int'},
proxy : {
type : 'ajax',
url : 'menu.json',
reader: {type: 'json'},

Ext.onReady(function() {
var store = Ext.create('Ext.data.TreeStore', {
model : 'Menu',
autoLoad: true

Ext.create('Ext.tree.Panel', {
renderTo : Ext.getBody(),
height : 100,
store : store,
rootVisible: false



id : 1,
text: 'Menu 1',
leaf: true
id : 2,
text: 'Menu 2',
leaf: true

Ext JS 4.0.7

Thank you!

14 Mar 2012, 9:46 AM
If you wanted to stop the loading you can return false in a beforeload event listener. Then to load you can do

node : rootnode

14 Mar 2012, 10:06 AM
As specifically stop load? return false just before the load is not going to stop .. I do not understand your code .. I put in the rootnode, if I do not want the menu has a root?

14 Mar 2012, 10:11 AM
store.on('beforeload', function() { return false; });


node : store.getRootNode()

14 Mar 2012, 10:53 AM
Ext.define('Compstoque.view.Menu' ,{
extend : 'Ext.tree.Panel',
alias : 'widget.mainmenu',
region : 'west',
title : 'Menu',
width : 200,
minWidth : 150,
maxWidth : 400,
split : true,
collapsible: true,
store : 'Menu',
rootVisible: false

Ext.define('Compstoque.store.Menu', {
extend: 'Ext.data.TreeStore',
model : 'Compstoque.model.Modulo'

'mainmenu' : {
render : me.loadMenu,
loadMenu: function(tree) {
var store = tree.getStore();

store.on('beforeload', function() {return false;});
node : store.getRootNode()

not really loads the menu, but he keeps doing the requests, including a need to "reload" on the menu with other data, but is not occurring. Even several requests being made unnecessarily. In short, I want to load the menu in store only at render, this method LoadMenu, but I'm not getting.


5 May 2013, 4:49 PM
I'm new to ExtJs and am wondering about this Would you please explain what this does?

23 Nov 2015, 3:09 AM
Three and a half years later I have the same problem as Fabio but in Ext JS 6.0.1.

What is the right combination of settings to have both:
- a tree not showing the root node
- not loading initially

On the tree panel I have

rootVisible: false,
On the store proxy I have

url: undefined,