Oct 11, 2011, 6:41 PM
Update Panel Content from Click
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..
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>