ExtJS的窗口不会呈现(ExtJs Window doesn't render)

请告诉我为什么我的窗口不会呈现。 下面是我使用的JavaScript

<link href="/Scripts/ext/resources/css/ext-all.css" rel="stylesheet" type="text/css"/>

    <script src="/Scripts/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="/Scripts/ext/adapter/jquery/ext-jquery-adapter.js" type="text/javascript"></script>
    <script src="/Scripts/ext/ext-all.js" type="text/javascript"></script>




    <script type="text/javascript">
        $(function() {
            var viewport = new Ext.Viewport({
                items:[[
  {
    "minimizable": true,
    "maximizable": true,
    "title": "Hello World",
    "height": 300,
    "width": 400,
    "xtype": "window"
  }
]]
            });
        });
    </script>

Answer 1:

为什么你会创建一个窗口，像这样的视口的一个项目？ 你不这样做。

做：

Ext.onReady(function() {

var win = new Ext.Window({
  minimizable: true,
  maximizable: true,
  title: "Hello World",
  height: 300,
  width: 400
});

win.show();

});

Answer 2:

我没有足够的声誉上面发表评论，但劳埃德是100％正确的。 视窗浮子布局上述（位置：绝对），而组分项都呈现-into-布局为嵌套父/子节点结构。 如果你看一下标记的呈现窗口，它在文档体水平创造的 - 没有它，任何布局面板之间没有任何关系。

这可能是在命名混乱 - 如劳埃德说，一个小组是你真正想要什么（什么是被默认，当您添加项目到视口创建）。 面板功能很像Windows，但它们是内置到布局结构，而不是它上面漂浮。 如果你真的想要一个窗口，然后用劳埃德的代码。

文章来源: ExtJs Window doesn't render