THEMES
THEME SETTINGS

Navigation and Layout - TreeView Client-Side Functionality

  • Collapse
    Chemical elements
    • Collapse
      Metals
      • Alkali metals
      • Alkaline earth metals
      • Collapse
        Inner transition elements
        • Lanthanides
        • Actinides
      • Transition elements
      • Other metals
    • Metalloids
    • Collapse
      Nonmetals
      • Halogens
      • Noble gases
      • Other nonmetals

This demo describes how you can manipulate the DevExpress MVC TreeView programmatically on the client, using extended client-side functionality.

The client-side programmatic interface is available if the EnableClientSideAPI property is set to true or if there is a handler assigned to any client-side event. Once set, an individual client control object can be referenced directly by its Name. In the demo, the MVC TreeView’s client-side API is used to do the following:

  • Toggle the visibility of the TreeView via the SetVisible client method.
  • Synchronize the currently selected TreeView node with the combo box, providing a list of nodes via the TreeView’s NodeClick client event handler.
  • Display node properties and synchronize them with corresponding options displayed within the right-hand panel. Nodes are identified using names assigned via the corresponding property. A node's client object is accessed via the TreeView's GetNodeByName client method. To change a TreeView’s node state, the TreeView's SetSelectedNode option values in response to expanded and checked state changes via the TreeView's ExpandedChanged and CheckedChanged client event handlers. client method and the node's SetEnabled, SetVisible, SetChecked, or SetExpanded client methods are used.
  • Update option values in response to expanded and checked state changes via the TreeView's ExpandedChanged and CheckedChanged client event handlers.
Version: v2016 vol 2.6
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at info@devexpress.com or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.