パネル（パネル）アセンブリおよびサイズ変更可能（リサイズ）成分に応じて、。
二、クラスのロード
<DIV ID = "ボックス"クラス= "easyuiレイアウト"スタイル= "高さ：600PX;幅：400ピクセル">
<divのデータ・オプション= "地域： '北'"タイトル= "北"スタイル= "高さ：100pxに; "> </ div>
<divのデータ・オプション="地域： '南' "タイトル= "南"スタイル= "高さ：100pxに;"> </ div>
<divのデータ・オプション="地域： '西' "タイトル="西」スタイル= "幅：100pxに"> </ div>
<divのデータ・オプション= "地域： '東'"タイトル= "東"スタイル= "幅：100pxに"> </ div>
<div要素データ・オプション= "地域： '中央'"タイトル= "センター"> </ div>
</ div>
三、jsのロード
<DIV ID = "ボックス"スタイル= "高さ：600PX;幅：400ピクセル">
<divのデータ・オプション= "地域： '北の'、のmaxHeight： '200'"
国境= 'false'を
iconClsの= 'アイコンの追加'
タイトル= '北'
のhref = "index.htmlの"
折りたたみ式= "false"の
スタイル= "高さ：100pxに;"> </ div>
<divのデータ・オプション= "地域： '南'"タイトル= "南"スタイル= "高さ：100pxに;"> </ div>
<divのデータ・オプション= "地域： '西'"タイトル= "西"スタイル= "幅：100pxに"> </ div>
<divのデータ・オプション= "地域： '東'」タイトル= "東"スタイル= "幅：100pxに"> </ div>
<divのデータ・オプション= "地域： '中央'"のタイトルは= "センター"> </ div>
</ div>
$（関数（）{
。$（ "＃ボックス"）レイアウト（{
//属性
フィット：真、// trueに設定されている場合、親容易に適応レイアウトコンポーネント。bodyタグを使用してレイアウトを作成する場合は、ページ全体が自動的に最大化されます。デフォルトはfalseです。値ブール
}）;
//メソッド
はconsole.log（$（ '＃ボックス' ）レイアウト（ 'パネル'、 '北'））;. //が指定されたパネルを返します
。$（ '＃ボックス'）レイアウト（「崩壊「」北『）; //指定されたパネルが折り畳まれている設定、パラメータ値が用意されています：』北「」南『』東「」西」。
。$（「＃ボックス」）レイアウト（「拡大」、「北」）; // 指定されたパネルが展開設定し、パラメータの値が用意されています：「北」、「南」 、「東」「西」。
$（文書）.click（関数（ ）{.. $（ '＃ボックス'）のレイアウト（）CSS（ '表示'、 'ブロック'）; $（ '＃ボックス'）のレイアウト（ 'リサイズ'）;.} ;）////のレイアウトおよびサイズを再調整
$（ '＃ボックス'）のレイアウト 。）;（ '追加'、{： '中心タイトル'領域'中央'、タイトル}