ExtJS ボーダーレイアウトを学ぶ_extjs

1. Border レイアウトは Ext.layout.BorderLayout クラスによって定義され、レイアウト名は border です。このレイアウトでは、コンテナを南東、北西、北西の 5 つのエリアに分割し、それぞれ東、南、西、北、中央で表します。コンテナにサブ要素を追加するときは、これらのサブ要素の位置を指定するだけで済みます。 Border レイアウトは、レイアウトで指定された位置に子要素を自動的に配置します。
2. アプリケーション例

コードをコピーします。 コードは次のとおりです。 onReady(function (){

new Ext.Viewport({

layout:"border",
items:[{region:"north",
height:50,
title:"トップパネル" }、
{region:"south"、
高さ:50、
title:"ボトムパネル"}、
{region:"center"、
title:"centerパネル"} 、
{地域:"西"、
幅:100、
タイトル:"左パネル"}、
{地域:"東"、
幅:100、
タイトル:"右パネル"}
]
})