Hi Geoffrey Mcgill,
Here I am giving the code for main form and child form. I want to activate accordion panels in child form by clicking on buttons on main form without refresh child form.
Main form code...
<%@ Page Language="C#" %>
<%@ 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">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport runat="server" Layout="border" ID="vpCommonPage">
<Items>
<ext:Panel ID="pnlTops" runat="server" Region="North" Height="30">
<TopBar>
<ext:Toolbar runat="server" ID="tbTop">
<Items>
<ext:Button ID="btn1" runat="server" Text="Activate Accordion Item 1">
</ext:Button>
<ext:Button ID="btn2" runat="server" Text="Activate Accordion Item 2">
</ext:Button>
<ext:Button ID="btn3" runat="server" Text="Activate Accordion Item 3">
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
</Items>
</ext:Panel>
<ext:Panel ID="pnlMain" runat="server" Padding="5" Region="Center" BodyStyle="background-color:#DCEAFB">
<AutoLoad Mode="IFrame" NoCache="true" ShowMask="true" MaskMsg="Loading..." Url="ExtAccordionPage.aspx"/>
</ext:Panel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Child form code...
<%@ Page Language="C#" %>
<%@ 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">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport ID="vpSearchCommon" runat="server" Layout="border">
<Items>
<ext:Panel ID="pnlAccordion" runat="server" Region="Center" Border="true" Layout="AccordionLayout"
Title="Accordion Test" BodyStyle="background-color:#d9d9d9">
<Items>
<ext:Panel ID="pnlAccordion1" runat="server" Title="Accordion Panel 1" BodyStyle="background-color:#d9d9d9" Border="false"></ext:Panel>
<ext:Panel ID="pnlAccordion2" runat="server" Title="Accordion Panel 2" BodyStyle="background-color:#d9d9d9" Border="false"></ext:Panel>
<ext:Panel ID="pnlAccordion3" runat="server" Title="Accordion Panel 3" BodyStyle="background-color:#d9d9d9" Border="false"></ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Originally Posted by
geoffrey.mcgill