ExtJS 3.0.0 testing || TreePanel

ExtJS 3.0.0 bootstrap to test TreePanel

by b_long

HTML

<link rel="stylesheet" href="//extjs.cachefly.net/ext-3.0.0/resources/css/ext-all.css">
<script src="http://extjs.cachefly.net/ext-3.0.0/adapter/ext/ext-base-debug.js"></script>
<script src="http://extjs.cachefly.net/ext-3.0.0/ext-all-debug.js"></script>

JavaScript

Ext.onReady(function () {
    Ext.BLANK_IMAGE_URL = 'http://extjs.cachefly.net/ext-3.0.0/resources/images/default/s.gif';
    console.warn("*****\nExtJS version: " + (Ext.version) + "\n*****");

    Ext.QuickTips.init();

    var mockData = [{
        // A folder that can be expanded, containing no children
        text: "A",
        id: "a",
        children: []
    }, {
        text: "B",
        id: "b",
        //expanded: true, 
        leaf: true
        // , icon: 'images/folder.gif'
        // , cls: "folder"
        //children: []
    }, {
        text: "C",
        id: "debug.js",
        leaf: true,
        cls: "file"
        //children: []
    }];
    var tree = new Ext.tree.TreePanel({
        useArrows: true,
        border: true,

        autoScroll: true,
        split: true,
        loader: new Ext.tree.TreeLoader(),
        width: 200,
        title: "Testing folders",
        /*root: {
            nodeType: 'async',
            text: 'Root folder',
            draggable: false,
            id: 'source'
        }*/
        root: new Ext.tree.AsyncTreeNode({
            text: 'Root folder', // Empty root folder
            id: 'r',
            expanded: true,
            children: mockData
        })
    });

    tree.getRootNode().appendChild(mockData);
    //tree.getRootNode().expand(true);

    var vp = new Ext.Viewport({
        autoScroll: true,
        renderTo: Ext.getBody(),
        layout: 'fit',
        items: [tree]
    });

    vp.doLayout();


});