[CLOSED] How to reset panel when autoloading a partialview

[jlosi]

  <ext:Window ID="AccountWindow" runat="server" IDMode="Static" Title="Account Details"
        Hidden="true" Modal="true" AutoHeight="true" Width="410px">
        <Items>
            <ext:Panel ID="AccountPanel" runat="server" IDMode="Static" Border="false" Padding="10">
                <AutoLoad Url="~/Account" TriggerEvent="show" NoCache="true" ReloadOnEvent="true"  Mode="Merge">
                    <Params>
                        <ext:Parameter Name="containerId" Value="AccountPanel" Mode="Value" />
                    </Params>
                </AutoLoad>
               
            </ext:Panel>
        </Items>
        <Listeners>
            <Show Handler="AccountPanel.show()" />
        </Listeners>
    </ext:Window>

The above is my window with a panel that autoloads a partial view on a show trigger bubble down event chain. I would like to keep the data fresh, meaning that I want to destroy the contents of what was merged but be able to reload the partial view into the AccountPanel again.

As it stands, when ReloadOnEvent=true, the panel is not cleared out and the same contents get merged into the AccountPanel again, which causes duplicate components to display.

How do I resolve this?

[Daniil]

Hi,

I can suggest the following solution.

1. Remove

TriggerEvent="show"
ReloadOnEvent="true"

2. Replace

<Show Handler="AccountPanel.show()" />

with

<Show Handler="AccountPanel.removeAll(); AccountPanel.reload();" />

[jlosi]

Thanks for taking the time, Daniil. I took another look at what I was "really" doing and it just made more sense to make this a user control and show hide the window with the store reloading on show.

[Daniil]

Yes, if it's an option to reload the Store only - it's the best choice in the performance aspect.