Change Theme Settings
Change Theme Settings
Show All Themes

Focused Node

 SubjectFromDate Created
CollapseNew Holiday SkinDeveloper Express - Ray12/10/2007 1:49:00 PM
  Re: New Holiday SkinAndrew Fuller12/10/2007 3:57:00 PM
 CollapseRe: New Holiday SkinSteven Buchanan12/10/2007 4:05:00 PM
   Re: New Holiday SkinNancy Davolio12/10/2007 4:07:00 PM
 CollapseRe: New Holiday SkinJanet Leverling12/11/2007 12:42:00 PM
  ExpandRe: New Holiday SkinMax V. Evseev (Developer Express)12/12/2007 6:49:00 AM
 CollapseRe: New Holiday SkinAnne Dodsworth12/13/2007 1:55:00 PM
   Re: New Holiday SkinMargaret Peacock12/15/2007 5:37:00 AM

Message Text
Hi Janet,

It'll be included in the next minor update (7.3.5), which we're preparing
for release.


The Focused Node feature is disabled by default. To enable it, set the SettingsBehavior.AllowFocusedNode property to true.

The appearance of the focused node can be specified using the style settings provided by the Styles.FocusedNode property.

This demo shows how to dynamically display the text of the focused node outside the ASPxTreeList.

The client-side FocusedNodeChanged event is handled to query the server to return the text of the focused node. This value is returned by the Result property within the CustomDataCallback event handler, and specifies the value for the corresponding HTML element.

Server-Side API

A focused node is identified by the FocusedNode property. To move node focus in code, use the node's Focus method. In this demo, this method is called when the page is being loaded to move focus to an unread message.

Client-Side API

End-users move node focus by clicking a desired node. To respond to node focus changes, handle the client-side FocusedNodeChanged event.

To identify the node that is currently focused, use the client-side GetFocusedNodeKey method. To move node focus, use the SetFocusedNodeKey method.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Components Installer
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher)
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxTreeListDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxTreeListDemos