jsTree
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
&tag(jsTree);
*目次 [#j0b0d646]
#contents
*関連ページ [#ge29ad0f]
-[[Rails]]
*参考情報 [#dec67ca3]
-[[jsTree » Home:http://www.jstree.com/]]
-[[Rails3]]
*概要 [#fe1fe991]
-高機能だけどめんどくさげな感じ
*基本的な使用方法 [#s35cca03]
-cssとjsを読み込む。cssを読み込まないとフォルダ形式で表示...
#pre{{
<link rel="stylesheet" type="text/css" href="./style....
<link rel="stylesheet" type="text/css" href="./jstree...
<script type="text/javascript" src="./js/jquery-1.11....
</script>
<script type="text/javascript" src="./jstree/jstree.m...
}}
-ツリーの定義とjsTree化。
#pre{{
<div id="html1">
<ul>
<li>Root node 1
<ul>
<li class="jstree-clicked">Child node 1</li>
</ul>
</li>
<li>Root node 2</li>
</ul>
</div>
<script type="text/javascript">
$('#html1').jstree();
</script>
}}
*Tips [#dd866f94]
**Rails4に組み込み [#y373806a]
-app/assets/javascripts以下にjstreeフォルダを作成。
-そこにjquery.jstree.js、jquery.jstree.min.js、themesフォ...
-application.jsでrequireする。
#pre{{
//= require jstree/jstree.min.js
}}
**Rails 3に組み込む [#g7430869]
-app/assets/javascriptsにjquery.jstree.jsとthemesフォルダ...
終了行:
&tag(jsTree);
*目次 [#j0b0d646]
#contents
*関連ページ [#ge29ad0f]
-[[Rails]]
*参考情報 [#dec67ca3]
-[[jsTree » Home:http://www.jstree.com/]]
-[[Rails3]]
*概要 [#fe1fe991]
-高機能だけどめんどくさげな感じ
*基本的な使用方法 [#s35cca03]
-cssとjsを読み込む。cssを読み込まないとフォルダ形式で表示...
#pre{{
<link rel="stylesheet" type="text/css" href="./style....
<link rel="stylesheet" type="text/css" href="./jstree...
<script type="text/javascript" src="./js/jquery-1.11....
</script>
<script type="text/javascript" src="./jstree/jstree.m...
}}
-ツリーの定義とjsTree化。
#pre{{
<div id="html1">
<ul>
<li>Root node 1
<ul>
<li class="jstree-clicked">Child node 1</li>
</ul>
</li>
<li>Root node 2</li>
</ul>
</div>
<script type="text/javascript">
$('#html1').jstree();
</script>
}}
*Tips [#dd866f94]
**Rails4に組み込み [#y373806a]
-app/assets/javascripts以下にjstreeフォルダを作成。
-そこにjquery.jstree.js、jquery.jstree.min.js、themesフォ...
-application.jsでrequireする。
#pre{{
//= require jstree/jstree.min.js
}}
**Rails 3に組み込む [#g7430869]
-app/assets/javascriptsにjquery.jstree.jsとthemesフォルダ...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
