Tree with 'name' as a displayField

http://stackoverflow.com/questions/9393004/how-to-change-tree-panel-property-text-with-any-other-name-e-g-name-in-ext/9393629#9393629

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',
    root: {
        expanded: true,
        children: [
            { name: "detention", leaf: true },
            { name: "homework", expanded: true, children: [
                { 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()
});

var elem = dcoument.getElementById("detention");
alert(elem);