フロントエンド・フレームのツリー構造layui

1.インポートプラグイン

layui輸入layui JSとCSSを使用する必要が：

<リンクのrel = " スタイルシート"のhref = " layui / CSS / layui.css " /> 
<スクリプトSRC = " layui / layui.js " > </ SCRIPT>

2.詳細

2.1基本的なパラメータ

1）ELEM型：String /オブジェクト、指向セレクタ容器。

2）データ型：アレイ、データ・ソース。

3）IDタイプ：文字列、メソッドを渡すパラメータベースに使用される一意のインデックスの設定例。

4）showCheckboxの種類：ブール、かどうかを表示ボックスへ。

5）編集型：Boolean /アレイ。かどうかは、演算ノードアイコン、デフォルトはfalseを開きます。trueの場合、デフォルトの表示「変更削除」アイコン、表示状態シーケンス配列を自由に設定操作アイコンする可能性がある場合は、アイコンは、現在の操作をサポートされています追加、更新、デル編集：次のような、[「追加」、 '更新'、 'デル' ]。

6）アコーディオンタイプ：ブール、アコーディオンモードは、デフォルトはfalseでオンになっています。

7）onlyIconControl型：Booleanを、唯一の左のノードアイコンは、拡張収縮を制御できるようにするかどうか。デフォルトはfalse（つまり、自身が制御することもできるノードをクリックしてください）。trueの場合、それが唯一のノードを展開するには、左側にアイコンで縮小することができます。

8）isJumpの種類：ブール、新しいウィンドウを許可するかどうかは、時にジャンプノード上でクリックしてポップアップ表示されます。有効にした場合、デフォルトはfalseには、パラメータは、ノードデータに設定されたリンク（URL値形式）である必要があります。

9）showLine型：Boolean、接続線をオープンするかどうか。真デフォルトでは、falseに設定されている場合は、そのノードの三角形のアイコンが左に表示されます。

10）テキスト型：Object、サポートされている形式は以下のとおりです。

テキスト：{ 
  defaultNodeName：「名前」 // ノードのデフォルト名 
  、なし：「データなし」 // ツールチップとしてデータエンプティ 
}

2.2データのパラメータデータソース

1）titleタイプ：文字列

フロントエンド・フレームのツリー構造layui

おすすめ