I am trying to change the url content of a panel on the page by the user clicking on a tree node in a TreePanel.

A typical portal type page where the user will select an item from the tree on the left side and a panel on the right side will load it's content based on the url provided.

In the case below, if the user click 'Dashboard', google will load in the panel.

I have set the HrefTarget of the tree node to the name of the panel (contentPanel). Not working, so I am missing something.

Any help is appreciated.

Thanks, Rick..



<%@ Page Language="C#" %>
<%@ Import Namespace="Ext.Net.Utilities" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <body>
    <form id="Form1" runat="server">
      <ext:ResourceManager ID="ResourceManager1" runat="server" />
      <ext:Viewport ID="Viewport1" runat="server" StyleSpec="background-color: transparent;">
        <Items>
          <ext:BorderLayout ID="BorderLayout1" runat="server">
            <West Collapsible="true" Split="true" MinWidth="155" MaxWidth="400" MarginsSummary="31 0 5 5"
                  CMarginsSummary="31 5 5 5">
              <ext:Panel runat="server" Title="Left Side" Layout="FitLayout" Width="180" ID="pnlSettings">
                <Items>
                  <ext:TreePanel 
                    ID="tree" 
                    runat="server" >
                    <Root>
                      <ext:TreeNode Text="Dashboard" Icon="World" Href="http://www.google.com" HrefTarget="contentPanel" Expanded="true">
                      </ext:TreeNode>
                    </Root>
                  </ext:TreePanel>
                </Items>
              </ext:Panel>
            </West>
            <Center MarginsSummary="5 5 5 0">
                <ext:Panel ID="contentPanel" runat="server" Title="Main" Icon="TransmitBlue" BodyStyle="background-color: transparent;"
                            Layout="Fit">
                <AutoLoad Url="http://yahoo.com" Mode="IFrame" />
                </ext:Panel>
            </Center>
          </ext:BorderLayout>
        </Items>
      </ext:Viewport>
    </form>
  </body>
</html>