Step 1: Page set up

By default, TreeView needs two pages to be able to process events:

1. Default.aspx – This is where your tree is displayed. You can name this page any way you like.
2. TreeEvents.aspx – This page will process all your tree events.

Obout TreeView uses AJAX Page to notify the server of its actions. It does so by posting event details to TreeEvents.aspx page.

Suite download includes TreeEvents.aspx file that contains all event handlers for your convenience. There is also a fully functional example, called All Events, that this tutorial is based on.

Step 2: Add AJAX Page

Add AJAX Page control to Default.aspx and TreeEvents.aspx by inheriting the pages from AJAXPage

Directly on aspx page:
    <%@ Page Language="C#" Inherits="OboutInc.oboutAJAXPage" %>

In code behind:

Step 3: Listing events

You need to tell TreeView about all events that you will be handling. To do this you must list them in EventList property.

oTree.EventList = "OnNodeSelect,OnNodeDrop,OnAddNode";

The following events are available:

1. OnNodeSelect
2. OnNodeEdit
3. OnNodeDrop
4. OnAddNode
5. OnRemoveNode
6. OnNodeExpand
7. OnNodeCollapse
8. OnBeforeNodeEdit
9. OnBeforeAddNode
10. OnBeforeRemoveNode
11. OnBeforeDrop
12. OnMoveNodeUp
13. OnMoveNodeDown

Step 4: Defining event handlers

For each event that you listed in step 3, you must define a public server side function in TreeEvents.aspx

For example, here is a function for OnNodeEdit in C#

public string OnNodeEdit(string id, string text, string prevText) {
	//update database
	
	return "Node successfully updated";
}

Each handler has different amount of arguments, depending on the event.

See list of handlers and their arguments.

That's it! Now on each tree event, a corresponding server side event handler will get executed in TreeEvents.aspx

We strongly recommend to check All Events example in the TreeView section of suite examples.