# C1.Web.Mvc.TreeView

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Web_Mvc_TreeView" data-uid="C1.Web.Mvc.TreeView" class="text-break">TreeView Class
</h1>
  <div class="markdown level0 summary"><p>Defines a control which displays a hierarchical list which may contain text, checkboxes, images, or arbitrary HTML content.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><a class="xref" href="C1.Web.Mvc.Component.html">Component</a></div>
    <div class="level2"><a class="xref" href="C1.Web.Mvc.Control.html">Control</a></div>
    <div class="level3"><span class="xref">TreeView</span></div>
  </div>
  <div class="implements">
    <h5>Implements</h5>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.html.ihtmlcontent">IHtmlContent</a></div>
    <div><a class="xref" href="C1.Web.Mvc.ITemplate.html">ITemplate</a></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.Web.Mvc.html">C1.Web.Mvc</a></h6>
  <h6><strong>Assembly</strong>: C1.AspNetCore.Mvc.dll</h6>
  <h5 id="C1_Web_Mvc_TreeView_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class TreeView : Control, IHtmlContent, ITemplate</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class TreeView
    Inherits Control
    Implements IHtmlContent, ITemplate</code></pre>
  </div>
  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Web_Mvc_TreeView__ctor_Microsoft_AspNetCore_Mvc_Rendering_IHtmlHelper_System_String_" data-uid="C1.Web.Mvc.TreeView.#ctor(Microsoft.AspNetCore.Mvc.Rendering.IHtmlHelper,System.String)">
          <a class="xref" href="C1.Web.Mvc.TreeView.-ctor.html#C1_Web_Mvc_TreeView__ctor_Microsoft_AspNetCore_Mvc_Rendering_IHtmlHelper_System_String_">TreeView(IHtmlHelper, string)</a>
        </td>
        <td class="markdown level1 summary"><p>Creates one <a class="xref" href="C1.Web.Mvc.TreeView.html">TreeView</a> instance.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Web_Mvc_TreeView_AllowDragging" data-uid="C1.Web.Mvc.TreeView.AllowDragging">
          <a class="xref" href="C1.Web.Mvc.TreeView.AllowDragging.html#C1_Web_Mvc_TreeView_AllowDragging">AllowDragging</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether users can drag and drop nodes within the <a class="xref" href="C1.Web.Mvc.TreeView.html">TreeView</a> control.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_AutoCollapse" data-uid="C1.Web.Mvc.TreeView.AutoCollapse">
          <a class="xref" href="C1.Web.Mvc.TreeView.AutoCollapse.html#C1_Web_Mvc_TreeView_AutoCollapse">AutoCollapse</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines if sibling nodes should be collapsed when a node is expanded.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_CheckOnClick" data-uid="C1.Web.Mvc.TreeView.CheckOnClick">
          <a class="xref" href="C1.Web.Mvc.TreeView.CheckOnClick.html#C1_Web_Mvc_TreeView_CheckOnClick">CheckOnClick</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether to toggle checkboxes when the user clicks the node header.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_CheckedMemberPath" data-uid="C1.Web.Mvc.TreeView.CheckedMemberPath">
          <a class="xref" href="C1.Web.Mvc.TreeView.CheckedMemberPath.html#C1_Web_Mvc_TreeView_CheckedMemberPath">CheckedMemberPath</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the name of the property (or properties) to bind  to the node's checked state.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_ChildItemsPath" data-uid="C1.Web.Mvc.TreeView.ChildItemsPath">
          <a class="xref" href="C1.Web.Mvc.TreeView.ChildItemsPath.html#C1_Web_Mvc_TreeView_ChildItemsPath">ChildItemsPath</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the name of the property (or properties) that contains the child items for each node. When it is not set, ['items'] will be used.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_CollapseOnClick" data-uid="C1.Web.Mvc.TreeView.CollapseOnClick">
          <a class="xref" href="C1.Web.Mvc.TreeView.CollapseOnClick.html#C1_Web_Mvc_TreeView_CollapseOnClick">CollapseOnClick</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether to collapse expanded nodes when the user clicks the node header.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_CollapseWhenDisabled" data-uid="C1.Web.Mvc.TreeView.CollapseWhenDisabled">
          <a class="xref" href="C1.Web.Mvc.TreeView.CollapseWhenDisabled.html#C1_Web_Mvc_TreeView_CollapseWhenDisabled">CollapseWhenDisabled</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether nodes should be collapsed when they are disabled.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_DisplayMemberPath" data-uid="C1.Web.Mvc.TreeView.DisplayMemberPath">
          <a class="xref" href="C1.Web.Mvc.TreeView.DisplayMemberPath.html#C1_Web_Mvc_TreeView_DisplayMemberPath">DisplayMemberPath</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the name of the property (or properties) to use as the visual representation of the nodes. When it is not set, ['header'] will be used.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_ExpandOnClick" data-uid="C1.Web.Mvc.TreeView.ExpandOnClick">
          <a class="xref" href="C1.Web.Mvc.TreeView.ExpandOnClick.html#C1_Web_Mvc_TreeView_ExpandOnClick">ExpandOnClick</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether to expand collapsed nodes when the user clicks the node header.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_ExpandOnLoad" data-uid="C1.Web.Mvc.TreeView.ExpandOnLoad">
          <a class="xref" href="C1.Web.Mvc.TreeView.ExpandOnLoad.html#C1_Web_Mvc_TreeView_ExpandOnLoad">ExpandOnLoad</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether to toggle checkboxes when the user clicks the node header.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_ImageMemberPath" data-uid="C1.Web.Mvc.TreeView.ImageMemberPath">
          <a class="xref" href="C1.Web.Mvc.TreeView.ImageMemberPath.html#C1_Web_Mvc_TreeView_ImageMemberPath">ImageMemberPath</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the name of the property (or properties) to use as a source of images for the nodes.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_IsAnimated" data-uid="C1.Web.Mvc.TreeView.IsAnimated">
          <a class="xref" href="C1.Web.Mvc.TreeView.IsAnimated.html#C1_Web_Mvc_TreeView_IsAnimated">IsAnimated</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that indicates whether to use animations when expanding or collapsing nodes.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_IsContentHtml" data-uid="C1.Web.Mvc.TreeView.IsContentHtml">
          <a class="xref" href="C1.Web.Mvc.TreeView.IsContentHtml.html#C1_Web_Mvc_TreeView_IsContentHtml">IsContentHtml</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value indicating whether items are bound to plain text or HTML.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_IsReadOnly" data-uid="C1.Web.Mvc.TreeView.IsReadOnly">
          <a class="xref" href="C1.Web.Mvc.TreeView.IsReadOnly.html#C1_Web_Mvc_TreeView_IsReadOnly">IsReadOnly</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether users can edit the text in the nodes. When it is set to false, users may edit the content of the tree nodes by typing directly into the nodes. The F2 key can also be used to enter edit mode with the whole node content selected.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_LazyLoadActionUrl" data-uid="C1.Web.Mvc.TreeView.LazyLoadActionUrl">
          <a class="xref" href="C1.Web.Mvc.TreeView.LazyLoadActionUrl.html#C1_Web_Mvc_TreeView_LazyLoadActionUrl">LazyLoadActionUrl</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the url to get the lazy nodes in <a class="xref" href="C1.Web.Mvc.TreeView.html">TreeView</a>.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_LazyLoadFunction" data-uid="C1.Web.Mvc.TreeView.LazyLoadFunction">
          <a class="xref" href="C1.Web.Mvc.TreeView.LazyLoadFunction.html#C1_Web_Mvc_TreeView_LazyLoadFunction">LazyLoadFunction</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a client function that loads child nodes on demand.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_LoadActionUrl" data-uid="C1.Web.Mvc.TreeView.LoadActionUrl">
          <a class="xref" href="C1.Web.Mvc.TreeView.LoadActionUrl.html#C1_Web_Mvc_TreeView_LoadActionUrl">LoadActionUrl</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the url to get the items in <a class="xref" href="C1.Web.Mvc.TreeView.html">TreeView</a>.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientCheckedItemsChanged" data-uid="C1.Web.Mvc.TreeView.OnClientCheckedItemsChanged">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientCheckedItemsChanged.html#C1_Web_Mvc_TreeView_OnClientCheckedItemsChanged">OnClientCheckedItemsChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when the checked items are changed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientDragEnd" data-uid="C1.Web.Mvc.TreeView.OnClientDragEnd">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientDragEnd.html#C1_Web_Mvc_TreeView_OnClientDragEnd">OnClientDragEnd</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when the user finishes a drag/drop operation, either by dropping a node into a new location or by canceling the operation with the mouse or keyboard.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientDragOver" data-uid="C1.Web.Mvc.TreeView.OnClientDragOver">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientDragOver.html#C1_Web_Mvc_TreeView_OnClientDragOver">OnClientDragOver</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs while the user drags a node over other nodes on the <a class="xref" href="C1.Web.Mvc.TreeView.html">TreeView</a>.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientDragStart" data-uid="C1.Web.Mvc.TreeView.OnClientDragStart">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientDragStart.html#C1_Web_Mvc_TreeView_OnClientDragStart">OnClientDragStart</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when the user starts dragging a node. This event only occurs if the AllowDrag property is set to true.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientDrop" data-uid="C1.Web.Mvc.TreeView.OnClientDrop">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientDrop.html#C1_Web_Mvc_TreeView_OnClientDrop">OnClientDrop</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when the user drops a on the <a class="xref" href="C1.Web.Mvc.TreeView.html">TreeView</a>.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientFormatItem" data-uid="C1.Web.Mvc.TreeView.OnClientFormatItem">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientFormatItem.html#C1_Web_Mvc_TreeView_OnClientFormatItem">OnClientFormatItem</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when an element representing a node has been created.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientIsCheckedChanged" data-uid="C1.Web.Mvc.TreeView.OnClientIsCheckedChanged">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientIsCheckedChanged.html#C1_Web_Mvc_TreeView_OnClientIsCheckedChanged">OnClientIsCheckedChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs after the check status of a node is changed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientIsCheckedChanging" data-uid="C1.Web.Mvc.TreeView.OnClientIsCheckedChanging">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientIsCheckedChanging.html#C1_Web_Mvc_TreeView_OnClientIsCheckedChanging">OnClientIsCheckedChanging</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs before the check status of a node is changed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientIsCollapsedChanged" data-uid="C1.Web.Mvc.TreeView.OnClientIsCollapsedChanged">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientIsCollapsedChanged.html#C1_Web_Mvc_TreeView_OnClientIsCollapsedChanged">OnClientIsCollapsedChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs after a node is collapsed or expanded.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientIsCollapsedChanging" data-uid="C1.Web.Mvc.TreeView.OnClientIsCollapsedChanging">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientIsCollapsedChanging.html#C1_Web_Mvc_TreeView_OnClientIsCollapsedChanging">OnClientIsCollapsedChanging</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs before a node is collapsed or expanded.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientItemClicked" data-uid="C1.Web.Mvc.TreeView.OnClientItemClicked">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientItemClicked.html#C1_Web_Mvc_TreeView_OnClientItemClicked">OnClientItemClicked</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when the user clicks an item or presses the Enter key and an item is selected.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientItemsSourceChanged" data-uid="C1.Web.Mvc.TreeView.OnClientItemsSourceChanged">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientItemsSourceChanged.html#C1_Web_Mvc_TreeView_OnClientItemsSourceChanged">OnClientItemsSourceChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when the value of the ItemsSource property changes.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientLoadedItems" data-uid="C1.Web.Mvc.TreeView.OnClientLoadedItems">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientLoadedItems.html#C1_Web_Mvc_TreeView_OnClientLoadedItems">OnClientLoadedItems</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs after the tree items have been generated.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientLoadingItems" data-uid="C1.Web.Mvc.TreeView.OnClientLoadingItems">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientLoadingItems.html#C1_Web_Mvc_TreeView_OnClientLoadingItems">OnClientLoadingItems</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs before the tree items are generated.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientNodeEditEnded" data-uid="C1.Web.Mvc.TreeView.OnClientNodeEditEnded">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientNodeEditEnded.html#C1_Web_Mvc_TreeView_OnClientNodeEditEnded">OnClientNodeEditEnded</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs after a node has exited edit mode.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientNodeEditEnding" data-uid="C1.Web.Mvc.TreeView.OnClientNodeEditEnding">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientNodeEditEnding.html#C1_Web_Mvc_TreeView_OnClientNodeEditEnding">OnClientNodeEditEnding</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs before a node exits edit mode.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientNodeEditStarted" data-uid="C1.Web.Mvc.TreeView.OnClientNodeEditStarted">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientNodeEditStarted.html#C1_Web_Mvc_TreeView_OnClientNodeEditStarted">OnClientNodeEditStarted</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs after a node has entered edit mode.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientNodeEditStarting" data-uid="C1.Web.Mvc.TreeView.OnClientNodeEditStarting">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientNodeEditStarting.html#C1_Web_Mvc_TreeView_OnClientNodeEditStarting">OnClientNodeEditStarting</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs before a node enters edit mode.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientReponseTextParsing" data-uid="C1.Web.Mvc.TreeView.OnClientReponseTextParsing">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientReponseTextParsing.html#C1_Web_Mvc_TreeView_OnClientReponseTextParsing">OnClientReponseTextParsing</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when parsing the response text.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientRequestDataStringifying" data-uid="C1.Web.Mvc.TreeView.OnClientRequestDataStringifying">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientRequestDataStringifying.html#C1_Web_Mvc_TreeView_OnClientRequestDataStringifying">OnClientRequestDataStringifying</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when serializing the request data.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_OnClientSelectedItemChanged" data-uid="C1.Web.Mvc.TreeView.OnClientSelectedItemChanged">
          <a class="xref" href="C1.Web.Mvc.TreeView.OnClientSelectedItemChanged.html#C1_Web_Mvc_TreeView_OnClientSelectedItemChanged">OnClientSelectedItemChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when the selected item is changes.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_ShowCheckboxes" data-uid="C1.Web.Mvc.TreeView.ShowCheckboxes">
          <a class="xref" href="C1.Web.Mvc.TreeView.ShowCheckboxes.html#C1_Web_Mvc_TreeView_ShowCheckboxes">ShowCheckboxes</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether the <a class="xref" href="C1.Web.Mvc.TreeView.html">TreeView</a> control should add checkboxes to nodes and manage their state. This property can be used only on trees without lazy-loaded nodes(LazyLoadFunction is not set and IsLazyLoading is false).</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TreeView_Source" data-uid="C1.Web.Mvc.TreeView.Source">
          <a class="xref" href="C1.Web.Mvc.TreeView.Source.html#C1_Web_Mvc_TreeView_Source">Source</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the array that contains the items in <a class="xref" href="C1.Web.Mvc.TreeView.html">TreeView</a>. Arrays usually have a hierarchical structure with items that contain child items. There is no fixed limit to the depth of the items.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>
