của router Lỗi: [Ext.createByAlias] Không thể tạo một thể hiện của bí danh không được công nhận: widget

Question

Dưới đây là một cái nhìn đơn giản mà tôi muốn nhanh chóng:

Ext.define('myapp.view.Home',{ 
    extend 'Ext.Panel', 
    xtype : 'testpanel' , 
    config: { 
     title:'home', 
     iconCls:'home', 
     cls : 'home', 
     html: [ 
      '<h1> Hello Guys </h1>', 
      '<p> some text goes here </p>' 
     ].join("") 
    } 
}); 

tôi đã thêm vào chế độ xem để điều khiển của tôi như sau:

Ext.define('myapp.controller.Main', { 
    extend : 'Ext.app.Controller', 
    views : ['Home'], 
    ... 
} 

tôi đã sử dụng xtype trong ứng dụng của tôi như sau:

items:[{ 
    xtype : 'testpanel' 
}, 

tôi vẫn nhận được lỗi này:

Uncaught Error: [Ext.createByAlias] Cannot create an instance of unrecognized alias: widget.testpanel

Tôi đánh giá cao sự trợ giúp của bạn.

Answer 1

Tôi nghĩ bạn đã quên thêm chế độ xem này trong app.js - mảng "lượt xem" của Ext.Application. Hãy kiểm tra.

Answer 2

Bạn cần sử dụng thuộc tính bí danh, với tiền tố widget.

Ext.define('myapp.view.Home',{ 
    extend 'Ext.Panel', 
    alias : 'widget.testpanel' , 
    config: { 
     title:'home', 
     iconCls:'home', 
     cls : 'home', 
     html: [ 
      '<h1> Hello Guys </h1>', 
      '<p> some text goes here </p>' 
     ].join("") 
    } 
}); 

Answer 3

Có thể khắc phục bằng cách thêm điều này không?

requires:[ 
    'myapp.view.Home' 
] 

Answer 4

tôi nghĩ bạn cần kiểm tra xem tệp có nằm trong đúng thư mục hay không.

http://docs.sencha.com/ext-js/4-1/#!/guide/application_architecture

Đây u có thể tìm refs để hiểu những gì có thể là sai.

Kiểm tra xem đối tượng myapp.view.Home là trong ứng dụng thư mục/xem/Home.js

alias phải như bí danh: 'widget.testpanel'

và một yêu cầu: [ 'myapp. view.Home '],

thậm chí bạn có thể đăng tệp app.js không?

Answer 5

Tôi nhận ngoại lệ này khi giá trị cấu hình/thuộc tính xtype (của cá thể thành phần/đối tượng được tạo) không khớp với tên thực tế của cấu hình xtype của lớp xtype config/property value. Trường hợp cá thể là việc thực hiện lười biếng của một thành phần bên trong cấu hình các thành phần cha của nó.

Answer 6

Bạn có thể khắc phục bằng cách thêm lớp bộ điều khiển trong chế độ xem.

bộ điều khiển: 'ControllerClass',