jQueryのEasyUIレイアウトウィジェット - アコーディオン折り畳みパネル

頼ります

• パネル

使用法

折りたたみパネルを作成します（アコーディオン）

折りたたみパネル（アコーディオン）をマークすることによって作成され、<div>タグに「easyui-アコーディオン」クラスを追加します。

<DIVのID = "AA"クラス= "easyui-アコーディオン"スタイル= "幅：300ピクセル、高さ200pxの;">
    <DIVタイトル= "タイトル1"データ・オプション= "iconCls： 'アイコンを保存'"スタイルは= "オーバーフロー：自動;パディング：10pxの;">
		<H3スタイル= "色：＃0099FF;"> jQueryのためのアコーディオン</ H3>
		<P>アコーディオンは、jQueryのためのeasyuiフレームワークの一部です。
		それはあなたがより簡単にWebページ上のアコーディオンのコンポーネントを定義できます。</ P>
    </ DIV>
    <DIVタイトル= "タイトル2"データ・オプション= "iconCls： 'アイコンをリロード'、選択：真の"スタイル= "パディング：10pxの;">
		content2
    </ DIV>
    <DIVタイトル= "TITLE3">
		content3
    </ DIV>
</ DIV>

私たちは、パネル（アコーディオン）特定のプロパティの変更を変更したり、再フォールディングすることができます。

$（ '＃のA-A'）。アコーディオン（{
    アニメーション：偽
}）;

折りたたみパネル（アコーディオンパネル）コンテンツをリフレッシュ

現在のパネル（パネル）を取得するには、 'getSelected'メソッドを呼び出して、我々は、新しいコンテンツをロードするために「リフレッシュ」メソッドのパネル（パネル）を呼び出すことができます。

VAR頁= $（ '＃のA-A'）アコーディオン（ 'getSelected'）;. //選択したパネル（パネル）を取得
{（PP）の場合
    pp.panel（ 'リフレッシュ'、 'new_content.php'）; //新しいコンテンツをロードするために「リフレッシュ」メソッドを呼び出します}

コンテナオプション

パネル（パネル）オプション

パネル（アコーディオン）パネル（パネル）のオプションを折りたたみパネル（パネル）から継承され、次には、追加属性であります：

イベント

ウェイ

var p = $('#aa').accordion('getSelected');
if (p){
	var index = $('#aa').accordion('getPanelIndex', p);
	alert(index);
}

$('#aa').accordion('add', {
	title: 'New Title',
	content: 'New Content',
	selected: false
});