15、Ext.Window的配置与使用指南

Ext.Window的配置与使用指南

1. 配置选项

除了填充窗口内容区域的各种方式外，在每个弹出窗口的外观和行为方面，我们也拥有很大的灵活性。Ext.Window的超类层次结构提供了许多配置选项，它始于Ext.Panel，同时自身也有丰富的选项。

在第一个窗口示例中，我们免费获得了一些很棒的功能，如调整大小、拖动和关闭按钮。对于布局严格的窗口，其实并不适合调整大小，因此我们可以通过将 resizable 配置选项设置为 false 来禁止此行为。拖动功能通常只是个人偏好问题，在大多数情况下，启用它并没有什么坏处。不过，有时它并非必要功能，所以我更倾向于将 draggable 选项设置为 false 来禁用它。示例代码如下：

var w = new Ext.Window({
    height:50,
    width: 100,
    closable: false,
    draggable: false,
    resizable: false
});
w.show();

当使用表单窗口时，通常更希望有文本按钮来解释不同的操作，例如保存记录或取消已做的更改。在这种情况下，可以通过将 closable 选项设置为 false 来禁用关闭图标。还有另一个选项可以对这种行为进行更多控制： closeAction 可以设置为 hide