Skip to main content

ASPxClientTreeList.FocusedNodeChanged Event

Fires in response to changing node focus.


FocusedNodeChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTreeList>>

Event Data

The FocusedNodeChanged event's data class is ASPxClientProcessingModeEventArgs. The following properties provide information specific to this event:

Property Description
processOnServer Specifies whether or not to process the event on the server.


The FocusedNodeChanged event is raised when an end-user moves focus from one node to another. The focused node’s key value is returned by the ASPxClientTreeList.GetFocusedNodeKey method.

The event parameter’s processOnServer property enables you to specify where the current user action should be processed - either on the client side or on the server side. If this property is set to false in a client event’s handler, the event is completely handled on the client side without a callback to the server. Setting the processOnServer property to true indicates that the final processing of the event should be performed on the server side. During such a round trip the ASPxTreeList.FocusedNodeChanged server-side event is fired, which if handled, allows any desired server-side action to be performed.


If the TreeListSettingsBehavior.ProcessFocusedNodeChangedOnServer property is set to true, setting the event parameter’s processOnServer property has no effect. In this instance, the ASPxTreeList.FocusedNodeChanged server-side event is always fired after the FocusedNodeChanged client event.

The focused node feature is enabled if the TreeListSettingsBehavior.AllowFocusedNode property is set to true.


This example demonstrates how to use the GetFocusedNodeKey method to expand and collapse tree nodes based on the state of a node (collapsed or expanded). You can get the node state by calling the GetNodeState(nodeKey) method in the FocusedNodeChanged event.

Demo limitation: if you close the topmost parent node and do not have other nodes except that one, you will have to expand this node by clicking the Expand Button.

    function OnFocusedNodeChange(s, e) {
        var nodeKey = s.GetFocusedNodeKey();
        var nodeState = s.GetNodeState(nodeKey);

        if (nodeState === "Collapsed")
        else if (nodeState === "Expanded")
<dx:ASPxTreeList ID="TreeList"
        <dx:TreeListTextColumn FieldName="EmployeeID" VisibleIndex="0" ReadOnly="true"></dx:TreeListTextColumn>
        <dx:TreeListTextColumn FieldName="LastName" VisibleIndex="1"></dx:TreeListTextColumn>
        <dx:TreeListTextColumn FieldName="FirstName" VisibleIndex="2"></dx:TreeListTextColumn>
    <SettingsBehavior AllowFocusedNode="true" FocusNodeOnLoad="false" />
    <ClientSideEvents FocusedNodeChanged="OnFocusedNodeChange" />
<br />

<asp:AccessDataSource ID="ProductsDataSource" runat="server"
    SelectCommand="SELECT [EmployeeID], [LastName], [FirstName], [ReportsTo] FROM [Employees]">
See Also