extjs - 分机区域属性

Question

我现在正在研究extjs。

new Ext.Viewport({
layout: 'border',
items: [{
    region: 'north',
    html: '<h1 class="x-panel-header">Page Title</h1>',
    autoHeight: true,
    border: false,
    margins: '0 0 5 0'
},...

我在 API 中找不到“区域”属性。

我检查了视口(viewport)、组件和其他类。我找不到它。

Answer 1

你是对的，“区域”属性不是视口(viewport)本身的直接属性，而是你分配给视口(viewport)的区域的属性。

每个视口(viewport)必须至少包含两个区域。这些区域被定义为 Ext.layout.BorderLayout.Region 类 ( http://extjs.com/deploy/dev/docs/?class=Ext.layout.BorderLayout.Region ) 的一部分。基本上，您可以将“北”、“东”、“南”和“西”区域与“中心”区域结合使用。你可以拥有所有或那些，或只有一个，只要你也有你的“中心”区域。 “中心”区域将自动调整大小以占据您未定义为其他区域一部分的任何剩余空间。