add extjs 6.0.1 sources

[extjs.git] / extjs / examples / classic / tree / buffer-rendered-treegrid.js

Ext.require([\r
    'Ext.data.*',\r
    'Ext.grid.*',\r
    'Ext.tip.*',\r
    'Ext.tree.*'\r
]);\r
\r
Ext.define('Post', {\r
    extend: 'Ext.data.TreeModel',\r
    idProperty: 'postid',\r
    fields: [{\r
        name: "title",\r
        convert: undefined\r
    }, {\r
        name: "threadid",\r
        convert: undefined\r
    }, {\r
        name: "username",\r
        convert: undefined\r
    }, {\r
        name: "userid",\r
        convert: undefined\r
    },  {\r
        name: "dateline",\r
        type: 'date',\r
        dateFormat: 'timestamp'\r
    }, {\r
        name: "postid",\r
        convert: undefined\r
    }, {\r
        name: "forumtitle",\r
        convert: undefined\r
    }, {\r
        name: "forumid",\r
        convert: undefined\r
    }, {\r
        name: "replycount",\r
        type: 'int',\r
        convert: undefined\r
    }, {\r
        name: "lastpost",\r
        dateFormat: 'timestamp',\r
        convert: undefined\r
    }, {\r
        name: "excerpt",\r
        convert: undefined\r
    }]\r
});\r
\r
Ext.onReady(function() {\r
    Ext.tip.QuickTipManager.init();\r
\r
    function renderTitle(value, p, record) {\r
        return value ? Ext.String.format(\r
            '<a href="http://sencha.com/forum/showthread.php?t={1}" target="_blank">{0}</a>',\r
            value,\r
            record.data.threadid\r
        ) : '';\r
    }\r
\r
    var store = Ext.create('Ext.data.TreeStore', {\r
        model: 'Post',\r
        proxy: {\r
            type: 'ajax',\r
            reader: 'json',\r
            url: 'forum-data.json'\r
        },\r
        lazyFill: true\r
    });\r
\r
    Ext.create('Ext.tree.Panel', {\r
        title: 'Forum Folder Summary',\r
        width: 600,\r
        height: 400,\r
        renderTo: Ext.getBody(),\r
        reserveScrollbar: true,\r
        collapsible: true,\r
        loadMask: true,\r
        useArrows: true,\r
        rootVisible: false,\r
        store: store,\r
        animate: false,\r
        columns: [{\r
            xtype: 'treecolumn', //this is so we know which column will show the tree\r
            text: 'Forum',\r
            flex: 2.5,\r
            sortable: true,\r
            dataIndex: 'forumtitle'\r
        },{\r
            text: 'User',\r
            flex: 1,\r
            dataIndex: 'username',\r
            sortable: true\r
        }, {\r
            text: 'Title',\r
            flex: 2,\r
            dataIndex: 'title',\r
            renderer: renderTitle\r
        }]\r
    });\r
});\r