TutorialEvents

About Fancytree event handlers.

This Page is Work In Progress.

TODO

• Link to demo page
• Link to API-Doc http://www.wwwendt.de/tech/fancytree/doc/jsdoc/global.html#FancytreeEvents
• Mention event.originalEvent to check if event was triggeed by a user click
• return false to prevent default handling
• Return values other than true or false must be passed in the data.result property:

  $("#tree").fancytree({
    ...
    lazyLoad: function(event, data){
      data.result = [ {"title": "New child 1"}, {"title": "New child 2"} ];
    },
    ...
  });

Recipes

[Howto] Retrieve a FancytreeNode in a fancytree event handler

$("#tree").fancytree({
  [...]
  click: function(event, data) {
    var node = data.node,
        // Only for click and dblclick events:
        // 'title' | 'prefix' | 'expander' | 'checkbox' | 'icon'
        targetType = data.targetType;
  },
});

[Howto] Retrieve a FancytreeNode in an arbitrary event handler

$(document).click(function(event, data) {
  var node = $.ui.fancytree.getNode(event),
      // Only for click and dblclick events:
      // 'title' | 'prefix' | 'expander' | 'checkbox' | 'icon'
      tt = $.ui.fancytree.getEventTargetType(event);
});