Question

请告诉我为什么我的窗户不呈现。以下是我正在使用的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％正确。 Windows浮动在布局上方（位置：绝对），而组件项在布局中呈现为嵌套的父/子节点结构。如果查看渲染窗口的标记，则会在文档正文级别创建它 - 它与任何布局面板之间没有关系。

这可能是对命名的困惑 - 正如Lloyd所说，Panel是你真正想要的（并且是在向视口添加项目时默认创建的）。面板的功能与窗口非常相似，但它们内置于布局结构中，而不是浮动在其上方。如果你真的想要一个窗口，那就用Lloyd的代码。

ExtJs窗口不呈现

2 个答案: