jQueryのEasyUIレイアウトウィジェット - レイアウトレイアウト

頼ります

• パネル
• サイズ変更可能な

使用法

レイアウト（レイアウト）を作成します

1、レイアウト（レイアウト）タグを作成します。

<div>タグに「easyuiレイアウト」クラスを追加します。

<DIVのID = "CC"クラス= "easyuiレイアウト"スタイル= "幅：600PX;高さ：400ピクセル;">
    <DIVデータ・オプション= "地域： '北'、タイトル：「北タイトル」、スプリット：真の"スタイル= "高さ：100pxに;"> </ div>の
    <DIVデータ・オプション= "地域： '南'、タイトル：「南タイトル」、スプリット：真の"スタイル= "高さ：100pxに;"> </ div>の
    <DIVデータ・オプション=」領域：「東」、タイトル：「東」、スプリット：真の "スタイル="幅：100pxに; "> </ div>の
    <DIVデータ・オプション=」領域：「西」、タイトル：「西」、スプリット：真の "スタイル="幅：100pxに; "> </ div>の
    <DIVデータ・オプション=」領域：「中央」、タイトル：「センタータイトル ' "スタイル="パディング：5pxの;背景：#eee; "> </ div>の
</ DIV>

2は、ページ全体のレイアウト（レイアウト）を作成します。

<ボディクラス= "easyuiレイアウト」>
    <DIVデータ・オプション= "地域： '北'、タイトル：「北タイトル」、スプリット：真の"スタイル= "高さ：100pxに;"> </ div>の
    <DIVデータ・オプション= "地域： '南'、タイトル：「南タイトル」、スプリット：真の"スタイル= "高さ：100pxに;"> </ div>の
    <DIVデータ・オプション=」領域：「東」、タイトル：「東」、スプリット：真の "スタイル="幅：100pxに; "> </ div>の
    <DIVデータ・オプション=」領域：「西」、タイトル：「西」、スプリット：真の "スタイル="幅：100pxに; "> </ div>の
    <DIVデータ・オプション=」領域：「中央」、タイトル：「センタータイトル ' "スタイル="パディング：5pxの;背景：#eee; "> </ div>の
</ BODY>

3、ネストされたレイアウトを作成します。

ウエストエンドパネルの内部レイアウトが折り畳まれていることに注意してください。

<ボディクラス= "easyuiレイアウト」>
    <DIVデータ・オプション= "地域： '北'"スタイル= "高さ：100pxに"> </ div>の
    <DIVデータ・オプション= "地域： '中央'">
		<DIVクラス= "easyuiレイアウト」データ・オプション="フィット：真の ">
			<DIVデータ・オプションは、= "地域：「西」は、崩壊：真の"スタイル= "幅：180ピクセル"> </ div>の
			<DIVデータ・オプション= "地域： '中央'"> </ div>の
		</ DIV>
    </ DIV>
</ BODY>

4、AJAXを介して負荷量。

レイアウト（レイアウト）を作成しましたパネル（パネル）に基づいています。 パネルの各領域はURLからコンテンツを動的にロードするためのビルトインサポートを提供しています。 動的ローディング技術を使用して、ユーザーが自分のページのレイアウトが速く表示することができます。

<ボディクラス= "easyuiレイアウト」>
    <DIVデータ・オプション=」領域：「西」、のhref： 'west_content.php' "スタイル="幅：180ピクセル "> </ div>の
    <DIVデータ・オプション=」領域：「中央」、のhref： 'center_content.php' "> </ div>の
</ BODY>

折りたたみパネルのレイアウト（Collpaseレイアウトパネル）

。$（ '＃のC-C'）のレイアウト（）;
//西パネルを折りたたみます
。$（ '＃のC-C'）のレイアウト（ '崩壊'、 '西'）;

欧米のパネルによってツールを追加するためのボタン

$（ '＃のC-C'）。レイアウト（「追加」、{
    地域：「西」、
    幅：180、
    タイトル： 'ウェストタイトル」、
    スプリット：trueの場合、
    ツール：[{
		iconCls：「アイコンの追加」、
		ハンドラ：関数（）{アラート（ '追加'）}
    }、{
		iconCls：「アイコン・削除」、
		ハンドラ：関数（）{アラート（ '削除'）}
    }]
}）;

レイアウトオプション（レイアウトオプション）

地域のパネルオプション（リージョンパネルオプション）

地域のパネルオプション（リージョンパネルオプション）は、パネル（パネル）コンポーネントで定義され、いくつかの一般的な、新しいプロパティは次のとおりです。

ウェイ