extjs 4-工具箱类型窗口(细边框，无标题)？

Question

我正在尝试使用extjs4，尝试在一个旧的extjs2项目中重新创建一些组件。

其中一个组件是创建一个浮动工具箱(就像photoshop一样)，它有一个很细的边框，没有标题或最小/最大/关闭按钮。就像这样..

​

​

在ext4中，我似乎无法重现相同的结果。下面是ext 4中相同的代码：

​

​

这是我的代码：

app.Toolbox = Ext.extend(Ext.Window, {  

    ,initComponent : function()
    {

        Ext.apply(this,{
            closable:false,
            border:false,
            width:345, 
            height:60,
            onEsc:Ext.emptyFn,
            resizable:false,
            x:20,
            y:20,
            items:[
                /* icons (a html items) */
            ]
        });

        app.Toolbox.superclass.initComponent.call(this, arguments);

    }

    /* handlers, methods, etc */

});

有没有办法在ext4中得到类似的结果？

我尝试使用一些css来隐藏一些元素，比如标题栏，但是Ext4总是计算窗口的高度，就像元素是可见的一样，这看起来更奇怪。

有什么想法吗？

Answer 1

Ext.panel.Header只是一个扩展的Ext.container.Container，所以你可以随心所欲地使用它。

Answer 2

我认为最接近的方法是应用frame: true，它会强制内容填满窗口框架。

然而，如果你在右上角有一个关闭按钮，它似乎不起作用。

Ext.create('Ext.window.Window', {
    height: 60,
    width: 345,
    closable: false,
    layout: 'fit',
    frame: true,
    items: {
        html: '<p>hello</p>'
    }
}).show();

你仍然需要设计一些样式，但它更接近于你的需求。