extjs 4 - 工具箱类型窗口（细边框，没有标题）？

Question

我正在尝试重新创建一个旧的extjs 2项目中的一些组件，从而尝试使用extjs 4。

其中一个组件是创建一个浮动工具箱（就像你用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 */

});

有没有办法在ext 4中获得类似的结果？

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

有什么想法吗？

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();

你仍然需要设计一点，但它更接近你需要的。