[CLOSED] RegisterOnReadyScript in MVC partial view

[SandorD]

Hi, I'm trying to register an on-ready script in my MVC partial view but it won't fire. When I register an on-ready script from a view page, it works fine.

This is how I register the script from within the partial view:

<script runat="server">

    protected void Page_Load(object sender, EventArgs e)
    {
        ResourceManagerProxy.ResourceManager.RegisterOnReadyScript("alert('child document ready');");
    }
</script>
<ext:ResourceManagerProxy ID="ResourceManagerProxy" runat="server" />

Here's how I render the partial view from my main view page:

    <%= Html.RenderExtPartial("ViewUserControl1") %>

The same technique is used in the Ext.Net.MVC demo but in that case it is used from within an auto loading window, not a partial view that is loaded using Html.RenderExtPartial.

I have attached a sample project. It is supposed to show an alert that states 'child document ready' but that doesn't happen.

[Vladimir]

Hi,

OnReady event is fired when DOM tree is ready (built) in the browser. If you use partial view it is mean that page is loaded already in the browser and OnReady event is fired already.

Therefore RegisterOnReadyScript has no sense in the partial view and doesn't work. I can suggest to use AfterRender event of any Ext.Net widget inside partial view

[SandorD]

Thanks, that is a clear answer allright.

I'm having trouble though, finding a good spot for the AfterRendered handler because my partial view (unlike the provided sample) consists of a BorderLayout with some panels inside. BorderLayout does not support listeners so I have to put the listener on a panel. But in that case the listener is executed too early and I guess rendering order is not guaranteed so things may get worse in that respect.

[Vladimir]

Hi,

Well, what about the following structure

<ext:FitLayout ...>
     <Items>
           <ext:Container ... Layout="Border">
                  <Items>
                         ...
                  </Items>
                  <Listeners>
                           <AfterLayout Fn="myFn" Single="True"/>
                  </Listeners>
           </ext:Container>
     </Items>
</ext:FitLayout>

I mean to create extra Container and use AfterLayout event which will be fired after rendering and relayouting all inner items

[SandorD]

Thanks. I've tried it but somehow the listener is still executed too early because I try to execute a function that is declared within the partial view (I've put the script in the Contents of the inner panel) and the browser says it is not declared (yet). If I put a handler="setTimeout..." on the listener, it works correctly.

[Daniil]

Hi,

Instead of setTimeout() you could use the Delay property.

Example

<AfterLayout Fn="myFn" Single="True" Delay="100" />

[SandorD]

Hi, thanks for the hint -- I'll keep that in mind the next time I try to use a timeout. In this case, I use the timeout only as a temporary solution. A good solution to the problem should not use timing at all. I mean, what delay would be proper? The shorter, the bigger the chance of firing too early and the longer, the bigger the chance of firing later than optimal (and the bigger the sluginess).

[Daniil]

Hi,

You are right, delaying is not the best.

We're trying to find a better solution.

[Vladimir]

Hi,

I guess that the issue can be related with content element moving. Content area is rendered as hidden div, after panel rendering the element is moved by the panel inside own body (moving assumes removing from old position in the DOM tree and insert to another).

I need to create test sample and play with it to find good solution. I will notify about the result

[SandorD]

Thanks Vladimir, I hope you can find an elegant solution.