我刚开始使用 ExtJS,所以我在这里问的问题可能很简单。我刚刚完成了Sencha 网站上的汽车教程,现在正在尝试创建一些东西。我添加了一个Viewport
作为初始视图,并在其中放置了一个Panel
包含我所有小部件的:
Ext.define('MyApp.view.MyViewport', {
extend: 'Ext.container.Viewport',
layout: {
type: 'fit'
},
...
});
我还创建了一个Window
可以通过单击按钮打开的:
Ext.define('MyApp.view.MyWindow', {
extend: 'Ext.window.Window',
height: 185,
renderTo: 'MyApp.view.MyViewport',
width: 334,
layout: {
type: 'absolute'
},
title: 'My Window',
initComponent: function() {
...
}
});
onclick 处理程序是这样的:
var wind = new MyApp.view.MyWindow();
wind.modal = true;
wind.show();
问题是,当我打开窗口时,它会在所有面板下的 中呈现Viewport
,而不是浮动在浏览器的视口中。我该如何解决?
更新
我Window
使用 Sencha Architect 创建了一个新的并以相同的方式打开它。它按预期工作。在查看 and 的单独文件.js
时,我发现没有真正的区别。MyWindow
MyWindow1
我的窗口:http : //pastebin.com/yE9V1twc
MyWindow1: http: //pastebin.com/ZznUVZni