请问ext designer1.2设计出来的组件如何使用。

代码如下，如果使用呢？搞了半天都没有成功。。
Ext.define('MyApp.view.ui.MyViewport', {
  extend: 'Ext.container.Viewport',


  initComponent: function() {
  var me = this;

  Ext.applyIf(me, {
  items: [
  {
  xtype: 'tabpanel',
  height: 461,
  width: 743,
  activeTab: 0,
  items: [
  {
  xtype: 'panel',
  height: 325,
  width: 538,
  title: '座席监控',
  items: [
  {
  xtype: 'gridpanel',
  title: '',
  sortableColumns: false,
  store: 'memStore',
  columnLines: true,
  columns: [
  {
  xtype: 'gridcolumn',
  id: 'C1',
  width: 125,
  text: 'C1'
  },
  {
  xtype: 'gridcolumn',
  id: 'C2',
  width: 125,
  text: 'C2'
  },
  {
  xtype: 'gridcolumn',
  id: 'C3',
  width: 125,
  text: 'C3'
  },
  {
  xtype: 'gridcolumn',
  id: 'C4',
  width: 125,
  text: 'C4'
  }
  ]
  }
  ]
  },
  {
  xtype: 'panel',
  title: 'Tab 2'
  }
  ]
  }
  ]
  });

  me.callParent(arguments);
  }
});

自己顶一个，大神啊。。。