ホームページ > 記事 > ウェブフロントエンド > ExtJS ボーダーレイアウトを学ぶ_extjs
ExtJS ボーダーレイアウトを学ぶ_extjs
- WBOYオリジナル
- 2016-05-16 18:45:14911ブラウズ
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、
タイトル:"右パネル"}
]
})
items:[{region:"north",
height:50,
title:"トップパネル" }、
{region:"south"、
高さ:50、
title:"ボトムパネル"}、
{region:"center"、
title:"centerパネル"} 、
{地域:"西"、
幅:100、
タイトル:"左パネル"}、
{地域:"東"、
幅:100、
タイトル:"右パネル"}
]
})
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。