对象没有方法getId sencha

时间:2014-03-19 06:17:02

标签: extjs view sencha-touch toolbar

我正在尝试在sencha中为工具栏创建一个视图并将其导入到我的文件中,但它仍在继续投掷 Uncaught TypeError: Object [object Object] has no method 'getId' 告诉我我做错了什么。 我想不允许仅为工具栏创建视图。

查看/ mainTool.js

Ext.define('test.view.mainTool',{

requires:['Ext.field.Search'
  ,'Ext.Toolbar'
],

config:{docked:'top',
ui:'normal',


items:[
  {
xtype: 'searchfield',
    placeHolder: 'Search...',
    left: true,
    id:'mainSearch',
width: 200,

  },
  {
xtype:'button',
ui:'action',

text:'filter',
id:'filter'
  },
  {xtype:'spacer'},
  {
xtype:'button',
ui:'action',
text:'showOnMap',
id:'showOnMap'
  },
  {
xtype:'button',
ui:'action',
iconCls:'arrow_left',
id:'back'
  },
  {
xtype:'button',
ui:'action',
iconCls:'home',
    id:'home'
       }

    ]

  }


});

app.js

Ext.application({
requires: [
  'Ext.dataview.List',
  'Ext.Panel',
  'Ext.Spacer',
  'test.view.list',
  'test.view.mainTool',
  'Ext.List',
  'test.model.list1model',
  'test.store.list1store'
],
launch : function(){
    list1 =Ext.create('test.view.list');
    list2 =Ext.create('test.view.list');
    list2.setHidden(true);
    maintool=Ext.create('test.view.mainTool');
    Ext.create('Ext.Container',{
      id:'contain',
      layout:'hbox',

      fullscreen:true,
      items:[
   maintool,
    list1,
    {xtype:'spacer'},
    list2
      ]
    })
  }
});

1 个答案:

答案 0 :(得分:1)

您忘了将extend: 'Ext.Toolbar'添加到test.view.mainTool课程中。不要忘记,只是在不扩展Ext组件的情况下定义类不会创建有效的Ext视图。