Description

This module includes the jquery Jstree plugin. http://www.jstree.com/

Get involved

• Write a review for this module on drupal modules
• Help write or improve the documentation.
• Help translate this module at http://localize.drupal.org/translate/projects/jquery_jstree
• Report any bugs, feature requests, etc. in the issue tracker.
• Contact the maintainer with any comments, questions, or a quote for custom module customizations.

Dependencies

• You need jquery 1.4.2 Learn here to install it: http://dominiquedecooman.com/blog/drupal-install-jquery142
• The jquery_jstree plugin http://www.jstree.com/

Integration

This module integrates with http://drupal.org/project/jq

Example

• Download the jstree plugin http://www.jstree.com/
• Extract the contents of the folder into [sites/all/modules/contrib]/jquery_jstree/jquery
• Enable module
• To include the plugin on call jquery_jstree_plugin_add()
• To add a tree format like this for example (for more read jstree docs):
  
  
  Drupal.behaviors.ews_gestconf_services = function (context) {
    $(function () {
      $("#servicesgestconf").jstree({
        "json_data" : {
          "data" : [
            {
              "data" : "A node",
              "children" : [ "Child 1", "Child 2" ]
            },
            {
              "attr" : { "id" : "li.node.id" },
              "data" : {
                "title" : "Long format demo",
                "attr" : { "href" : "#" }
              }
            }
          ]
        },
        "themes" : {"theme" : "default",
              "url" : "sites/all/modules/custom/jquery_jstree/jquery/themes/default/style.css"
        },
        "plugins" : [ "themes", "json_data" ]
      });
    });
  }

  The url is very important, jstree doesnt correctly add the path to the ccs file. You could create a js var and add it with drupal_add_js instead of hard code the path like in the example.

Js tree doc

This one is more complete than the homepage http://docs.planbleu.org/modules/webportal/jquery/jsTree.v.0.9.5/documen...

Known issues

Locks forms : http://acquia.com/node/1399540

How can you be kept up to date?

• Enable the updates module.
• Read my blog http://dominiquedecooman.com.
• You could follow me on twitter http://twitter.com/dominiquedc

Dominique De Cooman can be contacted for paid customizations of this module and for Drupal consulting and development. This is how I think about development and about consultancy