I'm having a hard time get the item click event to fire with the TreeView, but the ItemPopluate event works like a charm. I've set the RaisesServerEvent on the control to true, and I've also set the RaisesServerEvent to true on the each of the nodes (probably redundant). The postback is indeed happening, but the ItemClick event never fires. I'm not sure if this matters, but I've placed the TreeView in it's own control. Is there something I'm forgetting to do?

Thanks,
Marty

I changed AutoExpandOnClick to false and the item click event works, but only for the first parent node. Does that sound right?

Thanks,
Marty

Your example works, so it must be something I'm doing on my end. Thanks!

Marty

I must be missing something. My goal is to make a treeview that looks like the Windows file explorer (directories, files, etc). My treeview looks like your treeview, except the TopGroup looks slightly different and I'm using LookNodes. Is there something wrong with the code below that would explain why the ItemClick event only fires for the root node? Ideally, I would like a postback to occur when a user clicks on a file and not a directory.


C#:

public void PopulateRootNode(Bucket aBucket)
{
Bucket = aBucket;
this.TreeView1.Nodes.Clear();

if (Bucket != null)
{
DirectoryContents dc = Bucket.GetDirectoryListing("/");

EO.Web.TreeNode rootNode = new EO.Web.TreeNode();
rootNode.Text = Bucket.DisplayName;
rootNode.ItemID = "/";
rootNode.PopulateOnDemand = true;
rootNode.RaisesServerEvent = NullableBool.True;

//this.TreeView1.Nodes.Add(rootNode);
this.TreeView1.TopGroup.Nodes.Add(rootNode);

Populate(rootNode, "/", false);
}
}

public void Populate(EO.Web.TreeNode treeNode, string path, bool shouldRePopulate)
{
if (shouldRePopulate )
treeNode.ChildNodes.Clear();

EO.Web.TreeNode tn = null;
DirectoryContents dc = Bucket.GetDirectoryListing(path);

// Create directories...
foreach (DirectoryItem item in dc.SortedDirectories)
{
tn = new EO.Web.TreeNode();
tn.Text = item.Name;
tn.ItemID = item.Name; // In order for Path to work.
tn.PopulateOnDemand = true;
// tn.RaisesServerEvent = NullableBool.True;
treeNode.ChildNodes.Add(tn);
}

// Create files...
foreach (DirectoryItem item in dc.SortedFiles)
{
tn = new EO.Web.TreeNode();
tn.Text = item.Name;
tn.ItemID = item.Name; // In order for Path to work.
tn.LookID = "_FileNode";
tn.PopulateOnDemand = true;
//tn.RaisesServerEvent = NullableBool.True;
treeNode.ChildNodes.Add(tn);

}
}

protected void TreeView1_ItemClick(object sender, NavigationItemEventArgs e)
{
btnDownload.Enabled = true; // Only fires on the root node.
}

protected void TreeView1_ItemPopulate(object sender, NavigationItemEventArgs e)
{
Populate(e.TreeNode, e.TreeNode.Path, false);
}



XHTML:

<eo:TreeView ID="TreeView1" runat="server" ControlSkinID="None" Height="346px"
Width="326px" onitemclick="TreeView1_ItemClick"
onitempopulate="TreeView1_ItemPopulate" ScrollSpeed="6"
AutoExpandOnClick="False">
<LookNodes>
<eo:TreeNode CollapsedImageUrl="00030301"
DisabledStyle-CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:Gray;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;"
ExpandedImageUrl="00030302" ImageUrl="00030301" ItemID="_Default"
NormalStyle-CssText="PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; COLOR: black; BORDER-TOP-STYLE: none; PADDING-TOP: 1px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: transparent; BORDER-BOTTOM-STYLE: none"
SelectedStyle-CssText="background-color:#316ac5;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;border-top-style:solid;border-top-width:1px;color:White;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;">
</eo:TreeNode>
<eo:TreeNode CollapsedImageUrl="00101022"
DisabledStyle-CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:Gray;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;"
ExpandedImageUrl="00101022" ImageUrl="00101022" ItemID="_FileNode"
NormalStyle-CssText="PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; COLOR: black; BORDER-TOP-STYLE: none; PADDING-TOP: 1px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: transparent; BORDER-BOTTOM-STYLE: none"
SelectedStyle-CssText="background-color:#316ac5;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;border-top-style:solid;border-top-width:1px;color:White;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;">
</eo:TreeNode>
</LookNodes>

<TopGroup Style-CssText="border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;border-top-style:solid;border-top-width:1px;color:black;cursor:hand;font-family:Tahoma;font-size:8pt;padding-bottom:2px;padding-left:2px;padding-right:2px;padding-top:2px;">
</TopGroup>
</eo:TreeView>


Thanks for your help,
Marty

PopulateRootNode() is only happening during the intial page load. I'm going to re-structure a few things and try to isolate the problem. I'll let you know. Thanks for your help.

MB

Hi,

We are able to reproduce the problem. We will look into it and see if we can find the root cause and let you know as soon as we find anything.

Thanks!

You're right! I've changed the code a bit and it works great.

Thanks for your great support.
Marty