Tag: jsTree

目次

関連ページ

参考情報

概要

  • 高機能だけどめんどくさげな感じ

基本的な使用方法

  • cssとjsを読み込む。cssを読み込まないとフォルダ形式で表示されないので注意。
        <link rel="stylesheet" type="text/css" href="./style.css">
        <link rel="stylesheet" type="text/css" href="./jstree/themes/default/style.css">
        <script type="text/javascript" src="./js/jquery-1.11.1.min.js">
    </script>
        <script type="text/javascript" src="./jstree/jstree.min.js">
    
  • ツリーの定義とjsTree化。
        <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

Rails4に組み込み

  • app/assets/javascripts以下にjstreeフォルダを作成。
  • そこにjquery.jstree.js、jquery.jstree.min.js、themesフォルダをコピーする。
  • application.jsでrequireする。
    //= require jstree/jstree.min.js
    

Rails 3に組み込む

  • app/assets/javascriptsにjquery.jstree.jsとthemesフォルダをコピーするだけ。

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2016-04-13 (水) 16:46:26