Pull to refresh

jQuery.Tree

Reading time2 min
Views24K
Товарищ caffeine искал плагин к 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 (остальные не смотрел).

Да, на странице гугл-кода можно добавлять фичреквесты, буду смотреть периодически туда.

Как подсказывают 1x1 и Mikeprosoft, есть плагин с аналогичным функционалом jstree.com. Главное отличие — мой позволяет отправить форму и без js.

Tags:
Hubs:
Total votes 72: ↑67 and ↓5+62
Comments59

Articles