[CLOSED] Ext:panel of region west and collapsible="true" reloading the its inheritance

  1. #1

    [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

    <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]
  2. #2
    Hi,

    Please wrap the code in [CODE ] tags. It will automatically format the code to make it more readable. See #3:
    http://forums.ext.net/showthread.php?10205
  3. #3
    Thanks.

    By the way, you could just use the "Edit Post" button to edit the existing post avoiding posting a new one. I have done it myself.

    Regarding to the the problem.

    I think the west Panel should not be reloaded on its expanding/collapsing. I can't see any reason of such behavior.

    Can you debug what exactly causes reloading?

    Could you provide a runnable sample to reproduce the problem locally on our side?

Similar Threads

  1. [CLOSED] A minor flaw on panel putting on region "West"
    By cleve in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 08, 2012, 8:34 AM
  2. [CLOSED] Hidden="true" behaves as Visible="false"
    By marco.morreale in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: May 28, 2012, 3:17 PM
  3. Replies: 5
    Last Post: May 02, 2012, 5:37 PM
  4. [CLOSED] DropDownField with Grow="true" and GrowMax="xxx"
    By deejayns in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jan 12, 2012, 12:00 PM
  5. [CLOSED] Set AutoScroll = "true" in Panel
    By majunior in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jun 22, 2011, 9:22 PM

Tags for this Thread

Posting Permissions