How To Use TreeView in ASP

3/9/2015
HowtouseTreeViewinasp.net
2900+asp.netc#examples
asp.netc#tutorialsandexamplescodeforwebdevelopers
UseKeyboard<>Arrow(LeftRight)togonextpreviouspost
TreeViewServerControl
TreeViewisanasp.netwebservercontrol.treeviewdisplay
hierarchicaldatasuchasatableofcontentsorfiledirectory,ina
treestructure.treeviewcontrolismadeupofnodes.wecandisplay
staticdataintreeviewbycreatingacollectionsofTreeNodeelements
aschildrenoftreeview.
wecanbindtreeviewtoadatasorcesuchasXmlDataSourceand
SiteMapDataSource.treeviewcanalsobeboundtoanXmlDocumentobject
oraDataSetobject.
treeviewnodetypesareparentnode,childnode,leafnodeandroot
node.parentnodecontainsothernode.childnodeiscontainedby
anothernodeandleafnodehavenochildrennode.rootnodeisnot
containedbyanyothernode.
.
nodehastwopropertiesTextandValue.textpropertyvaluedisplayin
thebrowserandthevaluepropertyishiddeninbrowserandstoreany
additionaldataaboutnode.anodecanhaveonemodeselectionmodeor
navigationmode.selectionmodeisdefault.NavigateUrlpropertyused
innavigationmode.
wecancustomizethetreeviewappearance.wecanapplycssorinline
styles.treeviewcanbedesignbythefollowingnodestyles
HoverNodeStyle,LeafNodeStyle,NodeStyle,ParentNodeStyle,
RootNodeStyleandSelectedNodeStyle.treeviewalsohavebasicdesign
propertiessuchasBackColor,ForeColor,BorderStyle,BorderColor,
BorderWidth,Width,HeightCssClass,EnableTheming,SkinID,
ExpandDepth,ImageSetetc.
wecancustomizeimagesthataredisplayedintreeviewbyusingthe
followingpropertiesCollapseImageUrl,ExpandImageUrl,
LineImagesFolderandNoExpandImageUrl.
treviewcontrolprovidemanyeventssuchasTreeNodeCheckChanged,
SelectedNodeChanged,TreeNodeExpanded,TreeNodeCollapsed,
TreeNodePopulateandTreeNodeDataBound.
whenuserclickanode,itcaneitherraiseaselectioneventvia
postback.oritgotoanotherpageifNavigateUrlpropertyisset.if
NavigateUrlpropertyisnotset,thennodeclickingraise
SelectedNodeChangedevent.
thefollowingexamplesourcecodesdescribesyoutolearnmoreabout
treeviewcontrol.
B U Y AN EB O O K FR O M B LO G G ER
Asp Ne tC ontrols.xm l
viewplaincode
NextExample
<?xmlversion="1.0"encoding="utf8"?>
<ToolBox>
<ItemName="StandardToolboxControls">
<OptionControl="AdRotator"/>
<OptionControl="BulletedList"/>
<OptionControl="CheckBox"/>
<OptionControl="FileUpload"/>
<OptionControl="MultiView"/>
</Item>
<ItemName="DataToolboxControls">
<OptionControl="ListView"/>
<OptionControl="GridView"/>
http://aspnetexample.blogspot.in/2008/10/treeviewexamplehowtousetreeview.html
ASP.NETC#EXAMPLES
EBOOK
$5
Youremailtoreceiveebook
Pleaseallowmefewhourstoemailyourebook.
AUTHOR ON GOOGLE PLUS
1/5
3/9/2015
<OptionControl="LinqDataSource"/>
<OptionControl="XmlDataSource"/>
</Item>
<ItemName="ValidationToolboxControls">
<OptionControl="CompareValidator"/>
<OptionControl="CustomValidator"/>
</Item>
<ItemName="NavigationToolboxControls">
<OptionControl="Menu"/>
<OptionControl="SiteMapPath"/>
<OptionControl="TreeView"/>
</Item>
</ToolBox>
Saiful Alam
Follow
593 followers
NowcreateaWebFormnameTreeView.aspx.ThenaddanXmlDataSource
ControlandaTreeViewControl.ForXmlDataSourceControl'sDataFile
usestheAspNetControls.xmlfileandforTreeViewControl's
DataSourceIDusestheXmlDataSourceControl'sID.Thenusesthe
asp:TreeNodeBindingforbindXmlfile'sdata.Hereisthesourcecode
ofTreeView.aspxfile.
Tre e Vi e w.aspx
viewplaincode
NextExample
<%@PageLanguage="C#"%>
<!DOCTYPEhtmlPUBLIC"
//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1
transitional.dtd">
<scriptrunat="server">
</script>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>TreeViewControlSimpleExample</title>
</head>
<body>
<formid="form1"runat="server">
<div>
<asp:XmlDataSourceID="XmlDataSource1"runat="server"DataFile="~/App_Data/Asp
NetControls.xml">
</asp:XmlDataSource>
<asp:TreeViewID="TreeView1"runat="server"DataSourceID="XmlDataSource1">
<DataBindings>
<asp:TreeNodeBindingDataMember="ToolBox"Text="Asp.NetToolBox"/>
<asp:TreeNodeBindingDataMember="Item"TextField="Name"/>
<asp:TreeNodeBindingDataMember="Option"TextField="Control"/>
</DataBindings>
</asp:TreeView>
</div>
</form>
</body>
</html>
2/5
3/9/2015
CheckBoxinTreeView
treeviewhaveacustomrenderingfeaturethatisitcandisplaya
checkboxnexttoanode.checkboxrenderbetweennodetextandimage.
todisplayacheckboxonnodeyouneedtousetreeviewShowCheckBoxes
property.usercancanselectmultiplenodesatonceusingcheckbox.
viewplaincode
NextExample
<%@PageLanguage="C#"%>
<!DOCTYPEhtmlPUBLIC"
//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1
transitional.dtd">
<scriptrunat="server">
protectedvoidButton1_Click(objectsender,System.EventArgse){
Label1.Text="Yourfavoritecontrol(s)<br/>";
foreach(TreeNodenodeinTreeView1.CheckedNodes){
Label1.Text+=node.Text+"<br/>";
}
}
</script>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>TreeViewControlSimpleExample</title>
</head>
<body>
<formid="form1"runat="server">
<div>
<asp:XmlDataSourceID="XmlDataSource1"runat="server"DataFile="~/App_Data/Asp
NetControls.xml">
</asp:XmlDataSource>
<asp:LabelID="Label1"runat="server"Font
Size="Medium"ForeColor="Crimson"/>
<asp:LabelID="Label2"runat="server"Text="Selectfavoritecontrol(s)">
</asp:Label>
<br/>
<asp:TreeViewID="TreeView1"runat="server"DataSourceID="XmlDataSource1"Show
CheckBoxes="Leaf">
<DataBindings>
<asp:TreeNodeBindingDataMember="ToolBox"Text="Asp.NetToolBox"/>
<asp:TreeNodeBindingDataMember="Item"TextField="Name"/>
<asp:TreeNodeBindingDataMember="Option"TextField="Control"/>
</DataBindings>
</asp:TreeView>
<br/>
<asp:ButtonID="Button1"runat="server"Text="ShowResult"OnClick="Button1_Cl
ick"/>
</div>
</form>
</body>
</html>
3/5
3/9/2015
Related asp.net examples

1. SiteMapPath
2. Menu
3. XmlDataSource
4. ImageMap
5. Image web server control
NewerPost
OlderPost
4/5
3/9/2015
Copyri g h t20 0 8 20 1 3| a s p. n etc #ex a mpl es | a s p n et ex a mpl e. bl og s pot. c om| A uth orSa i ful A l a m
5/5

How To Use TreeView in ASP

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

How To Use TreeView in ASP

Uploaded by

Copyright:

Available Formats

3/9/2015

Related asp.net examples

You might also like