GeoEXT 1.1learn trees

learn to use trees

by spydmobile

HTML

<script src="http://extjs.cachefly.net/ext-3.4.0/adapter/ext/ext-base.js"></script>
<script src="http://extjs.cachefly.net/ext-3.4.0/ext-all.js"></script>
<link rel="stylesheet" href="http://extjs.cachefly.net/ext-3.4.0/resources/css/ext-all.css">
<link rel="stylesheet" href="http://extjs.cachefly.net/ext-3.4.0/examples/shared/examples.css">
<script src="http://www.openlayers.org/api/2.11/OpenLayers.js"></script>
<script src="http://api.geoext.org/1.1/script/GeoExt.js"></script>
<div id="treecontainer" style="height:300px; width:200px;"></div>

JavaScript

var treeLoader = new Ext.tree.TreeLoader({
    dataUrl: 'http://www.sparcsonline.com/next/sparcsmap/national.demo'
});


var rootNode = new Ext.tree.AsyncTreeNode({
    text: 'Root'
});



var tree = new Ext.tree.TreePanel({
    renderTo: 'treecontainer',
    loader: treeLoader,
    root: rootNode,
    enableDD: false,
    editor: editor
});

var editor = new Ext.tree.TreeEditor(tree);

new Ext.tree.TreeSorter(tree, {
    folderSort: true,
    dir: "asc"
});