Tree with 'myData' as a rootField

http://stackoverflow.com/questions/9394507/how-to-change-name-of-json-key

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.7-gpl/resources/css/ext-all.css">

JavaScript

Ext.define('MyModel', {
    extend: 'Ext.data.Model',
    fields: ['name']
});
var store = Ext.create('Ext.data.TreeStore', {
    model: 'MyModel',
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'myData'
        }
    },
    root: {
        expanded: true,
        myData: [
            {
            name: "detention",
            leaf: true},
        {
            name: "homework",
            expanded: true,
            myData: [
                {
                name: "book report",
                leaf: true},
            {
                name: "alegrbra",
                leaf: true}
            ]},
        {
            name: "buy lottery tickets",
            leaf: true}
        ]
    }
});

Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    displayField: 'name',
    width: 200,
    height: 150,
    store: store,
    rootVisible: false,
    renderTo: Ext.getBody()
});