ExtJS的4.2 - 删除窗口的边界？

Question

var myWindow = Ext.create('Ext.window.Window', { 
    header: false, 
    style: 'background-color: transparent; border: false', 
    bodyStyle: 'background-color: transparent; background-image: url(graphics/ss_message.png); background-size: 100% 100%;', 
    id: 'ss_banner', 
    width: 250, 
    height: component.getBox().height, 
    border: false, 
    bodyBorder: false, 
    frame: false, 
    cls: 'noPanelBorder', 
}); 

我使用的窗口xtype，因为我似乎无法使容器/面板出现，即使我添加renderTo: Ext.getBody()，它不起作用。

窗口显示为这样：

我也试着用css我不确定，而在其性能使用。

任何帮助，非常感谢。

Answer 1

删除窗口边框

如果你真的要删除一个窗口的边框，可以使用以下配置：

var myWindow = Ext.create('Ext.window.Window', { 

    // ... 

    // What shows the 'border' is actually just the background of the window 
    // shown via padding (+ 1px of actual border) 
    style: 'padding: 0; border-width: 0;', 
    // Show automatically 
    autoShow: true, 
    // Disable resizing, if you want 
    resizable: false, 
}); 

这里是removing window borders

显示的工作小提琴一个面板

ħ H但是，如果你不希望使用的窗口功能的任何，并可能与容器或面板做，你应该使用它们。所有你应该需要的是renderTo配置你提到，将面板呈现给身体或任何其他元素。我不知道为什么这个配置不适合你，它在下面的小提琴中完美的工作。

您可以尝试通过cls配置属性增加一类独特的面板和呈现的HTML代码进行搜索。由于某种原因，它可能被正确渲染并且不可见。

这里是rendering panel to element

编辑的工作小提琴：
如果需要只显示图像，存在ExtJS的，Ext.Img图像组件。您可以按照我为面板描述的相同方式使用此组件。

Answer 2

这个工作对我来说：

var myWindow = Ext.create('Ext.window.Window', { 
    // What shows the 'border' is actually just the background of the window 
    // shown via padding (+ 1px of actual border) 
    style: 'padding: 0; border-width: 0;', 
});