Menu
I added the resources plug-in in a grails 1.3.7 application and everything works fine except javascript that is loaded asynchronously.
So if I have a template that contains a
<r:script>
// javascript here
</r:script>
and load it via ajax the js code does not execute, and I get this error:
It looks like you are missing some calls to the r:layoutResources tag
which makes sense because the page has already been rendered and there is no r:layoutResources to handle the newly added r:script js code.
The only workaround I've found is to add
render r.layoutResources(disposition:"defer") after the actual render(template:...) in the controller actions that render content asynchronously.
Is there any other more clear solution?
228
A better approach would be to have a dedicated layout for your AJAX responses:
<g:layoutBody/>
<r:layoutResources disposition="defer"/>
If you're using Grails 2.0, you can specify the layout in the render method (render template: "...", layout: "ajax"). Otherwise, use layout by convention.
183
A better option I think is to not use r:script in your template fragment. Just use normal script tag. You are not getting any benefit from Resources inside these fragments if you don't need the layoutResources stuff.
Sometimes the classic way is the best.
22
I always go with Peter Ledbrook response, but instead of using a layout, I use a template and I automate what to render in the main layout. My main.gsp looks like the following:
<!DOCTYPE html>
<g:if test="${request.xhr}">
<g:render template="/layouts/content" />
</g:if>
<g:else>
<html>
... <!-- Main layout stuff: application resources, logo, main menu, etc -->
<div id="content"> <!-- Somewhere in the body -->
<g:render template="/layouts/content" />
</div>
</html>
</g:else>
Then, the _content.gsp template looks like:
<g:layoutBody />
<r:layoutResources disposition="defer"/>
<!-- Ajaxify your relative links with the framework of your choice -->
That way, I can automatically ajaxify all relative links and forms and no action is required in the controller (no different responses), since the ajax response always goes inside the content div.
1
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
