ExtJs 窗口不呈现答案

【问题标题】：ExtJs Window doesn't renderExtJs 窗口不呈现
【发布时间】：2009-06-24 10:14:12
【问题描述】：

请告诉我为什么我的窗口不渲染。下面是我正在使用的 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>

【问题讨论】：

标签： javascript extjs

【解决方案1】：

为什么要创建一个窗口作为这样的视口项目？你不要那样做。

做：

Ext.onReady(function() {

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

win.show();

});

【讨论】：

我认为extjs支持隐式渲染:(使用xtypes。不是这样吗？
情况就是这样，但是一个窗口不应该被用作一个项目，一个视口的项目应该是一个面板之类的东西。
为什么窗口会这样处理:(。这很烦人:(
因为它是一个窗口，你为什么要将它创建为这样的内联项，你还必须明确地显示（）一个窗口，当这样声明时你不能这样做。跨度>
我想将整个 UI 渲染为一个大型 Json 对象配置，该配置是从服务器端写入视口内的。但这似乎不可能:(

【解决方案2】：

我没有足够的声誉来发表上述评论，但 Lloyd 是 100% 正确的。 Windows 浮动在布局上方（位置：绝对），而组件项作为嵌套的父/子节点结构呈现到布局中。如果您查看渲染窗口的标记，它是在文档正文级别创建的——它与任何布局面板之间没有关系。

命名可能会造成混淆——正如 Lloyd 所说，面板是您真正想要的（并且是在您将项目添加到视口时默认创建的）。面板的功能很像窗口，但它们内置于布局结构中，而不是浮动在其上方。如果你真的想要一个窗口，那就使用 Lloyd 的代码。

【讨论】：