jQuery.Tree

同志のカフェインは 、インストール済み、未チェック、および「ほとんどインストール済み」の3つの状態を持つチェックボックスでツリーを作成するjQueryプラグインを探していました。 見つかりませんでした、書くように頼まれました。 書いてみんなと共有します。

プロジェクトページ: code.google.com/p/jquery-tree

現在のバージョン: jquery-tree.googlecode.com/files/jquery-tree.tar.gz

例(人々については、多分、転送します): max-at-work.narod.ru/jquery.tree.test.html
jsを無効にした例: max-at-work.narod.ru/jquery.tree.test.nojs.html

使用法:

<head>
<link rel= "stylesheet" type= "text/css" href= "css/jQuery.Tree.css" />
</head>
<body>
<ul id= "tree" >
<li>
<label><!-- -->
<input type= "checkbox" />
</label>
</li>
<li>
<label>
<input type= "checkbox" />
</label>
<ul>
<li>
<label>
<input type= "checkbox" />
</label>
</li>
</ul>
</li>
</ul>

<script type= "text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" >
</script>

<script type= "text/javascript" src= "jQuery.Tree.js" >
</script>

<script type= "text/javascript" >
$(document).ready(function(){
$( "#tree" ).Tree();
});
</script>
</body>


* This source code was highlighted with Source Code Highlighter .


「現状のまま」配布され、FF3.5、IE8、Chrome 4で動作します(残りは見ていません)。

はい、Googleコードページで機能リクエストを追加できます。定期的に確認します。

1x1Mikeprosoftが示唆するように、同じjstree.com機能を持つプラグインがあります。 主な違いは、私の場合、jsなしでフォームを送信できることです。

Source: https://habr.com/ru/post/J77064/


All Articles