Grails

problem with <g:javascript library="prototype"/>, view, render etc.

Details

  • Type: Bug Bug
  • Status: Open Open
  • Priority: Major Major
  • Resolution: Unresolved
  • Affects Version/s: 2.0.3
  • Fix Version/s: None
  • Component/s: Ajax
  • Environment:
    Windows 7, jdk 7+, grails 2+

Description

View:

<html>
<head>
<title>Random Quote</title>
<g:javascript library="prototype"/>
</head>

<body>
<ul id="menu">
<li>
<g:remoteLink action="ajaxRandom" update="quote">
Next Quote
</g:remoteLink>
</li>
<li>
<g:link action="list">
Admin
</g:link>
</li>
</ul>

<div id="quote">
<q>$

{quote.content}

</q>

<p>$

{quote.author}

</p>
</div>
</body>
</html>

Controller:

def ajaxRandom = {
def randomQuote = quoteService.getRandomQuote()
render "<q>$

{randomQuote.content}

</q>" +
"<p>$

{randomQuote.author}

</p>"
}

Not updated, and renders a separate page.

Help me!

Thank you!

Activity

Ascending order - Click to sort in descending order
Hide
Permalink
Jan Kester added a comment - - edited

I am facing the same issue. I guess the prototype plugin has not been installed (this used to be default in older grails versions).
Can you check with:

grails list-plugins -installed

what plugins you have available?

Pls refer to http://programmingitch.blogspot.com/2012/03/ajax-examples-upgraded-to-grails-200.html

I also changed my reference to javascript lib to:

<g:javascript library="prototype" plugin="prototype"/>

and changed the default setting in Config.groovy:

grails.views.javascript.library = "prototype"

Still, no success . I also get the page with only the quote. When I look at the html source code of the random page, the prototype lib has not been loaded.

<head>
<title>QOTD &raquo; Random Quote</title>
<link rel="stylesheet" href="
/qotd/static/css/snazzy.css
" />

	
	

</head>
<body>
<div id="header">
<img src="
/qotd/static/images/logo.png
" alt="logo"/>
</div>

	
	<ul id="menu">
		<li>
		<a href="/qotd/quote/ajaxRandom" onclick="new Ajax.Updater('quote','/qotd/quote/ajaxRandom',{asynchronous:true,evalScripts:true});return false;" action="ajaxRandom">
			Next Quote
		</a>
Show
Jan Kester added a comment - - edited I am facing the same issue. I guess the prototype plugin has not been installed (this used to be default in older grails versions). Can you check with: grails list-plugins -installed what plugins you have available? Pls refer to http://programmingitch.blogspot.com/2012/03/ajax-examples-upgraded-to-grails-200.html I also changed my reference to javascript lib to: <g:javascript library= "prototype" plugin= "prototype" /> and changed the default setting in Config.groovy: grails.views.javascript.library = "prototype" Still, no success . I also get the page with only the quote. When I look at the html source code of the random page, the prototype lib has not been loaded. <head> <title> QOTD &raquo; Random Quote </title> <link rel= "stylesheet" href=" /qotd/static/css/snazzy.css " /> </head> <body> <div id= "header" > <img src=" /qotd/static/images/logo.png " alt=" logo"/> </div> <ul id= "menu" > <li> <a href= "/qotd/quote/ajaxRandom" onclick= "new Ajax.Updater('quote','/qotd/quote/ajaxRandom',{asynchronous:true,evalScripts:true});return false;" action= "ajaxRandom" > Next Quote </a>
Hide
Permalink
Jan Kester added a comment -

I also had to change the layout for the quote:
Inside views/layouts/qoute.gsp, I had to include 

<r:layoutResources/>

both in header and in body:

<html>
<head>
<title>QOTD &raquo; <g:layoutTitle/></title>
<link rel="stylesheet" href="
<g:createLinkTo dir='css' file='snazzy.css' />
" />
<g:layoutHead />
<r:layoutResources/>
</head>
<body>
<div id="header">
<img src="
<g:createLinkTo dir='images' file='logo.png'/>
" alt="logo"/>
</div>
<g:layoutBody />
<r:layoutResources/>
</body>
</html>

Pls refer to http://grails-plugins.github.com/grails-resources/guide/1.%20Overview.html#1.1.3%20Edit%20your%20Sitemesh%20layout

Now it is working .

In page source, I see at the bottom:

<script src="/qotd/static/bundle-prototype_defer.js" type="text/javascript" ></script>
Show
Jan Kester added a comment - I also had to change the layout for the quote: Inside views/layouts/qoute.gsp, I had to include <r:layoutResources/> both in header and in body: <html> <head> <title> QOTD &raquo; <g:layoutTitle/> </title> <link rel= "stylesheet" href=" <g:createLinkTo dir='css' file='snazzy.css' /> " /> <g:layoutHead /> <r:layoutResources/> </head> <body> <div id= "header" > <img src=" <g:createLinkTo dir='images' file='logo.png'/> " alt=" logo"/> </div> <g:layoutBody /> <r:layoutResources/> </body> </html> Pls refer to http://grails-plugins.github.com/grails-resources/guide/1.%20Overview.html#1.1.3%20Edit%20your%20Sitemesh%20layout Now it is working . In page source, I see at the bottom: <script src= "/qotd/static/bundle-prototype_defer.js" type= "text/javascript" > </script>
Hide
Permalink
Jan Kester added a comment -

PS probably best is, to rewrite the example for grails 2, and use jquery for ajax instead of prototype.

Show
Jan Kester added a comment - PS probably best is, to rewrite the example for grails 2, and use jquery for ajax instead of prototype.

People

  • Assignee:
    Unassigned
    Reporter:
    Full
Vote (0)
Watch (0)

Dates

  • Created:
    Updated: