Ext.define在app.js（onReady）中不起作用

Question

我是在追求触摸。我正在尝试在app.js中使用Ext.define，但是没有用。首先我尝试使用Ext.data.Model，但只在我创建文件时使用（使用sencha cmd）。现在我正在尝试使用Ext.dataview.component.DataItem。我该怎么做？

Ext.define('MyDataItem', {
    extend: 'Ext.dataview.component.DataItem',
    alias: 'widget.mydataitem',
    config: {
        padding: 10,
        layout: {
            type: 'hbox'
        },
        defaults: {
            margin: 5
        },
        items: [{
            xtype: 'button',
            text: 'Val1'
        }, {
            xtype: 'component',
            flex: 1,
            html: 'val2',
            itemId: 'textCmp'
        }]
    }
});