尽管该命令存在,但AFAIK实际上并未得到支持或记录,因此不应真正期望实际工作。事实上,我认为它有点过时了。
如果有帮助,这是我用它来布局我的应用程序的一般结构:
app.js
Ext.regApplication({
name: 'app',
launch: function() {
// setup main view
this.viewport = new app.ApplicationViewport();
}
});
应用程序/视图/ Viewport.js
app.views.ApplicationViewport = Ext.extend(Ext.Panel,{
title: 'YourApp',
layout: 'card',
initComponent: function(){
// main view setup code
Ext.apply(this, {
items: [new app.views.YourModelViewport()]
})
// super
app.CustomersViewport.superclass.initComponent.apply(this, arguments);
}
});
应用程序/模型/YourModel.js
app.models.YourModel = Ext.regModel("YourModel", {
fields: [
// field config
],
validations: [
// validation configs
],
proxy: {
// proxy configs
}
});
应用程序/商店/ YourModelStore.js
app.stores.YourModelStore = new Ext.data.Store({
model: 'YourModel'
});
应用程序/视图/ YourModel/Viewport.js
app.views.YourModelViewport = Ext.extend(Ext.Panel,{
title: 'YourModel',
layout: 'card',
initComponent: function(){
// view setup code
this.html = 'A Viewport';
// super
app.CustomersViewport.superclass.initComponent.apply(this, arguments);
}
});
应用程序/控制器/ YourModelController.js
Ext.regController("YourModelController", {
show: function(o) {
// some controller code
}
});
嗨克里斯,谢谢你的回复。我知道这个结构,我已经使用这个应用程序结构。但命令本身产生了整个结构。是的,只要我们遵循结构,它尚未记录在案但尚未过时。它非常有用。 – Swar 2011-06-06 06:41:00