Create static tree in ExtJS
How to create static trees in ExtJS
HTML
<link rel="stylesheet" href="http://extjs.cachefly.net/ext-4.0.2a/resources/css/ext-all.css">
JavaScript
Ext.define('Car', {
extend: 'Ext.data.Model',
fields: [{
name: 'name',
type: 'string'
}],
proxy: {
type: 'memory',
data: {
success: true,
children: [{
name: 'Cars',
leaf: false, // this is a branch
expanded: false,
children: [{
name: 'Mercedes-Benz',
leaf: true // this is a leaf node. It can't have children. Sad! :-(
}, {
name: 'Audi',
leaf: true
}, {
name: 'Ferrari',
leaf: true
},
{
name: 'Mercedes-Benz',
leaf: true // this is a leaf node. It can't have children. Sad! :-(
}, {
name: 'Audi',
leaf: true
}, {
name: 'Ferrari',
leaf: true
},
{
name: 'Mercedes-Benz',
leaf: true // this is a leaf node. It can't have children. Sad! :-(
}, {
name: 'Audi',
leaf: true
}, {
name: 'Ferrari',
leaf: true
},
{
name: 'Mercedes-Benz',
leaf: true // this is a leaf node. It can't have children. Sad! :-(
}, {
name: 'Audi',
leaf: true
}, {
name: 'Ferrari',
leaf: true
}
]
}]
}
}
});
var store = Ext.create('Ext.data.TreeStore', {
model: 'Car'
});
Ext.create('Ext.tree.Panel', {
title: 'Car Simple Tree',
width: 400,
height: 600,
store: store,
rootVisible: false,
...