Jun 13, 2012, 12:04 PM
[CLOSED] Ext:panel of region west and collapsible="true" reloading the its inheritance
HI we have designed the main page which contains the four panel and among these the "West" region panel is Collapsable. it contains the web user controll and which have the "tree panel" in the web user controll. when the application is running then whenever i do Collapse and Expande of that west region panel then the entire page getting reloaded and its all inheritamce also getting reloaded. this issue is happening only with "Fire Fox" and "Crome" but in IE working fine. Below is the my main page panel
and the
<ext:Viewport runat="server" Layout="BorderLayout" ID="vpIndexPage">
<items>
<ext:Hidden ID="logCompId" Text='<%# ViewBag.CompId %>' runat="server">
</ext:Hidden>
<ext:Panel ID="NorthPanel" runat="server" Height="80" Border="false" Region="North"
Header="false" BodyStyle="background-color: transparent;">
<Items>
<nxtwuc:TopToolBar ID="TopToolBar1" runat="server" />
</Items>
</ext:Panel>
<ext:Panel ID="WestPanel" runat="server" Collapsible="true" Layout="Fit" Region="West"
Split="true" Width="275" Title="" Icon="Building">
<Items>
<nxtwuc:LeftNavigationContentPanel runat="server" />
</Items>
</ext:Panel>
<ext:Panel ID="SouthPanel" runat="server" Collapsible="false" Height="25" Region="South"
Split="false" Border="false" BodyStyle="background-color: transparent;">
<Items>
<nxtwuc:DownToolBar ID="downToolBar" runat="server" />
</Items>
</ext:Panel>
<ext:Panel ID="tabFeatures" runat="server" Region="Center">
<Items>
<nxtwuc:IndexContentPanel runat="server" />
</Items>
</ext:Panel>
</items>
and the
<nxtwuc:LeftNavigationContentPanel runat="server" />
code is<%@ Control Language="C#" Inherits="NexiantSuite.NxtWebControls.Controls.NxtViewUserControl"
LinePragmas="false" ClassName="NexiantSuite.NxtWebUserControls.LeftNavigationContentPanel" %>
<nxtwc:NxtRowLayout ID="LeftNavigationContentPanelCtrl" runat="server" AnchorHorizontal="100%">
<rows>
<ext:LayoutRow RowHeight="1">
<nxtwc:NxtPanel ID="pnlLocationTree" runat="server" AnchorHorizontal="100%" Border="false"
AnchorVertical="100%" Layout="FitLayout" BodyStyle="background-color: #DFE8F6"
ColumnWidth="1" StateID="notloaded" Hidden="true">
<AutoLoad ManuallyTriggered="true" Url="/Home/LocationTree/" Mode="IFrame" Scripts="true"
NoCache="false" />
<Listeners>
<BeforeRender Handler="Ext.onReady(function () {Ext.EventBroker.SubscribeEvent(document.title ,'LoadLocationTree',{parentControl:#{LeftNavigationContentPanelCtrl},childControl:#{pnlLocationTree}},ShowLocationTree);;});" />
</Listeners>
</nxtwc:NxtPanel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="1">
<nxtwc:NxtPanel ID="pnlCompanyTree" runat="server" AnchorHorizontal="100%" Hidden="true"
Border="false" AnchorVertical="100%" Layout="FitLayout" ColumnWidth="1" BodyStyle="background-color: #DFE8F6"
StateID="notloaded">
<AutoLoad ManuallyTriggered="true" Url="/Company/GetCompanyTreePage/" Mode="IFrame"
Scripts="true" NoCache="false" />
<Listeners>
<BeforeRender Handler="Ext.onReady(function () { Ext.EventBroker.SubscribeEvent(document.title ,'LoadCompanyTree',{parentControl:#{LeftNavigationContentPanelCtrl},childControl:#{pnlCompanyTree}},ShowCompanyTree);});" />
</Listeners>
</nxtwc:NxtPanel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="1">
<nxtwc:NxtPanel ID="pnlAccordionTree" runat="server" Flex="1" Border="false" Layout="Accordion"
BodyStyle="background-color: #DFE8F6" Height="717" Hidden="true" ColumnWidth="1"
StateID="notloaded" AnchorHorizontal="100%" AnchorVertical="100%">
<Items>
<ext:Panel ID="pnlCompTree" Title="Company Tree" Border="false" runat="server" Collapsed="true"
AnchorHorizontal="100%" AnchorVertical="100%" AutoDataBind="true" Layout="FitLayout">
<AutoLoad ManuallyTriggered="true" Url="/Company/GetCompanyTreePage/" Mode="IFrame"
ReloadOnEvent="true" />
</ext:Panel>
<ext:Panel ID="pnlLocTree" Title="Location Tree" Border="false" runat="server" Collapsed="false"
AnchorHorizontal="100%" AnchorVertical="100%" Layout="FitLayout">
<AutoLoad ManuallyTriggered="true" Url="/Home/GetLocationTreePage/" Mode="IFrame"
ReloadOnEvent="true" />
<Listeners>
<Expand Handler="#{pnlLocTree}.load({ url: '/Home/GetLocationTreePage/', nocache: true, scripts: true, mode: 'iframe'});" />
</Listeners>
</ext:Panel>
</Items>
<Listeners>
<BeforeRender Handler="Ext.onReady(function () {Ext.EventBroker.SubscribeEvent(document.title ,'LoadAccordionCompLocTree',{parentControl:#{LeftNavigationContentPanelCtrl},childControl:#{pnlAccordionTree},childControlComp:#{pnlCompTree},childControlLoc:#{pnlLocTree}},ShowAccordionTree);;});" />
<AfterRender Handler="Ext.onReady(function () {Ext.EventBroker.SubscribeEvent(document.title ,'AccordionTitleChange',{locPanel:#{pnlLocTree},compPanel:#{pnlCompTree}},AccordionPanelTitleChangeHandler);
Ext.EventBroker.SubscribeEvent(document.title ,'AccordionTitleChange',{locPanel:#{pnlLocTree},compPanel:#{pnlCompTree}},AccordionPanelTitleChangeHandler);});" />
</Listeners>
</nxtwc:NxtPanel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="1">
<nxtwc:NxtTabPanel ID="tabCompLocDetails" runat="server" ActiveTabIndex="1" Height="717" BodyStyle="background-color: #DFE8F6" StateID="notloaded" Hidden="true" Border="false">
<Items>
<nxtwc:NxtPanel ID="pnlTabCompTree" runat="server" Title="Company" AutoScroll="true">
<Listeners>
<Activate Handler="Ext.EventBroker.RaiseEvent('SelectedLocationTreeChanged', {TreeType : 'Company'});" />
</Listeners>
</nxtwc:NxtPanel>
<nxtwc:NxtPanel ID="pnlTabLocTree" runat="server" Title="Location" AutoScroll="true">
<Listeners>
<Activate Handler="try {
if(Ext.GLOBAL_STORE.PrevSelectedCompanyId != Ext.GLOBAL_STORE.SelectedCompanyId) {
Ext.EventBroker.RaiseEvent('SelectedLocationTreeChanged', {TreeType : 'Location'});
#{pnlTabLocTree}.load({ url: '/Home/GetLocationTreePage/', nocache: true, scripts: true, mode: 'iframe'});
}
}
catch(e) {
}" />
</Listeners>
</nxtwc:NxtPanel>
</Items>
<Listeners>
<BeforeRender Handler="Ext.onReady(function () {Ext.EventBroker.SubscribeEvent(document.title ,'LoadTabCompLocTree',{parentControl:#{LeftNavigationContentPanelCtrl},childControl:#{tabCompLocDetails},pnlComp:#{pnlTabCompTree},pnlLoc:#{pnlTabLocTree}},ShowTabTree);});" />
<AfterRender Handler="Ext.onReady(function () {Ext.EventBroker.SubscribeEvent(document.title ,'TabTitleChange',{locPanel:#{pnlTabLocTree},compPanel:#{pnlTabCompTree}},TabPanelTitleChangeHandler);});" />
</Listeners>
</nxtwc:NxtTabPanel>
</ext:LayoutRow>
</rows>
</nxtwc:NxtRowLayout>
Last edited by Daniil; Jun 18, 2012 at 11:48 PM.
Reason: Please use [CODE] tags, [CLOSED]