ExtJS - 在Ext.onReady和ExtJS视图中编写代码

Question

请检查此fiddle，看看我如何在Ext.onReady函数中编写代码。虽然此代码工作正常，但如果我需要在ExtJs视图中编写相同的代码，我如何修改现有代码以在视图中包含网格和组功能。

当我在里面写代码时，Ext.onReady函数，我可以定义一组几行下来，我可以定义一个toolBar＆amp;然后使用Ext.create（）声明网格，然后在网格中包含所有这些。但是我怎样才能在视图中实现相同的目标呢？

Ext.define('MyView',
{
    extend: 'Ext.window.Window',
    alias: 'widget.myView',
    id: 'my-window',
    title: 'Test',

    width: 600,
    height: 400,
    minWidth: 600,
    minHeight: 400,

    modal: true,
    layout:
    {
        type: 'vbox',
        align: 'stretch'
    },
    items:
    [{
      xtype: grid // At this point, how can i declare group feature and include it??
    }]
});