Cannot pass parameters with AJAX remoteFunction
Locked
 
|
Hi Folks,
I have a problem passing parameters via Ajax. Maybe anyone has a hint for me ? I am trying to create a link that contains an ID of the object I am using as an iterator id="${it}", but then I also want to pass more information: <div onmouseover="this.style.cursor='pointer';" onclick="<g:remoteFunction controller="tile" action="deleteAjaxImage" id="${it}" update="tileRow${tile.id}" params="tileid=${tile.id}" />"><u>${it}</u></div> However when I query on the controller side: println("deleteAjaxImage ${params}") this only gives me deleteAjaxImage ["action":"deleteAjaxImage", "controller":"tile", "id":"10"] - no trace of the tileid. The description states I can pass parameters: http://grails.codehaus.org/Tag+-+remoteFunction Any help ? Thanks Hinrich --------------------------------------------------------------------- To unsubscribe from this list please visit: http://xircles.codehaus.org/manage_email |
|
|
Hi Folks,
Could anyone of you think of a workaround for this problem ? Is there a complete example for a remoteForm out there ? regards Hinrich Hinrich Boog schrieb: > Hi Folks, > > I have a problem passing parameters via Ajax. Maybe anyone has a hint > for me ? > > I am trying to create a link that contains an ID of the object I am > using as an iterator id="${it}", but then I also want to pass more > information: > > <div onmouseover="this.style.cursor='pointer';" > onclick="<g:remoteFunction controller="tile" action="deleteAjaxImage" > id="${it}" update="tileRow${tile.id}" params="tileid=${tile.id}" > />"><u>${it}</u></div> > > > However when I query on the controller side: > > println("deleteAjaxImage ${params}") > > this only gives me > > deleteAjaxImage ["action":"deleteAjaxImage", "controller":"tile", > "id":"10"] - no trace of the tileid. > > The description states I can pass parameters: > > http://grails.codehaus.org/Tag+-+remoteFunction > > Any help ? > > Thanks > Hinrich > > --------------------------------------------------------------------- > To unsubscribe from this list please visit: > > http://xircles.codehaus.org/manage_email > > > > --------------------------------------------------------------------- To unsubscribe from this list please visit: http://xircles.codehaus.org/manage_email |
|
In reply to this post by hinrich
Hi Hinrich,
I have issues understanding the remoteFunction tag as well, It will be great if the original author (or someone who understands g:remoteFunction well) can add to documentation.
Particularly the example in http://grails.codehaus.org/Tag+-+remoteFunction talks about:
<select onchange="${remoteFunction(action:'bookbyname',update:[success:'great', failure:'ohno'], params:'\'bookName=\' + this.value' )}">
What does 'great' or 'ohno' stands for, are they javascript function names that will be called ? If yes, in what form is the result of a query (e.g. book list) passed to the javascript function ?
Will appreciate author's comments on documentation...
----- Original Message ---- From: Hinrich Boog <[hidden email]> To: [hidden email] Sent: Wednesday, July 25, 2007 12:26:26 PM Subject: Re: [grails-user] Cannot pass parameters with AJAX remoteFunction Hi Folks, Could anyone of you think of a workaround for this problem ? Is there a complete example for a remoteForm out there ? regards Hinrich Hinrich Boog schrieb: > Hi Folks, > > I have a problem passing parameters via Ajax. Maybe anyone has a hint > for me ? > > I am trying to create a link that contains an ID of the object I am > using as an iterator id="${it}", but then I also want to pass more > information: > > <div onmouseover="this.style.cursor='pointer';" > onclick="<g:remoteFunction controller="tile" action="deleteAjaxImage" > id="${it}" update="tileRow${tile.id}" params="tileid=${tile.id}" > />"><u>${it}</u></div> > > > However when I query on the controller side: > > println("deleteAjaxImage ${params}") > > this only gives me > > deleteAjaxImage ["action":"deleteAjaxImage", "controller":"tile", > "id":"10"] - no trace of the tileid. > > The description states I can pass parameters: > > http://grails.codehaus.org/Tag+-+remoteFunction > > Any help ? > > Thanks > Hinrich > > --------------------------------------------------------------------- > To unsubscribe from this list please visit: > > http://xircles.codehaus.org/manage_email > > > > --------------------------------------------------------------------- To unsubscribe from this list please visit: http://xircles.codehaus.org/manage_email Be a better Globetrotter. Get better travel answers from someone who knows. Yahoo! Answers - Check it out. |
|
In reply to this post by hinrich
Hinrich,
I've sometimes witnessed a need to add extra single quote characters that sometimes need to be escaped in order for the params to be handled properly; I think with the Prototype library. Anyways, I would normally write that as something like the following to be less confusing to your HTML editor with the extra < and > chars: <div onmouseover="this.style.cursor='pointer';" onclick="${remoteFunction(controller: "tile", action: "deleteAjaxImage" , id: it, update: "tileRow"+tile.id, params:"'tileid="+tile.id+"'" )}"><u>${it}</u></div> Actually, I'd probably even put the remoteFunction within some other JS script so as to not clutter the HTML. <div onmouseover="this.style.cursor='pointer';" onclick="deleteAjaxImage(${it}, ${tile.id})"><u>${it}</u></div> and function deleteAjaxImage(id, tileid) { ${remoteFunction(controller: "tile", action: "deleteAjaxImage" , id: id, update: "'tileRow'+tileid", params:"'tileid='+tileid" )} } But in general, I would try debugging the issue by 1) looking at what HTML is gnerated by the tag, or 2) using the Firebug plugin (on Firefox) to debug the JS that gets executed. - Daiji Hinrich Boog wrote: > Hi Folks, > > Could anyone of you think of a workaround for this problem ? Is there > a complete example for a remoteForm out there ? > > regards > Hinrich > > > Hinrich Boog schrieb: >> Hi Folks, >> >> I have a problem passing parameters via Ajax. Maybe anyone has a hint >> for me ? >> >> I am trying to create a link that contains an ID of the object I am >> using as an iterator id="${it}", but then I also want to pass more >> information: >> >> <div onmouseover="this.style.cursor='pointer';" >> onclick="<g:remoteFunction controller="tile" action="deleteAjaxImage" >> id="${it}" update="tileRow${tile.id}" params="tileid=${tile.id}" >> />"><u>${it}</u></div> >> >> >> However when I query on the controller side: >> >> println("deleteAjaxImage ${params}") >> >> this only gives me >> >> deleteAjaxImage ["action":"deleteAjaxImage", "controller":"tile", >> "id":"10"] - no trace of the tileid. >> >> The description states I can pass parameters: >> >> http://grails.codehaus.org/Tag+-+remoteFunction >> >> Any help ? >> >> Thanks >> Hinrich >> >> --------------------------------------------------------------------- >> To unsubscribe from this list please visit: >> >> http://xircles.codehaus.org/manage_email >> >> >> >> > > > --------------------------------------------------------------------- > To unsubscribe from this list please visit: > > http://xircles.codehaus.org/manage_email > > > > ____________________________________________________________________________________ Get the free Yahoo! toolbar and rest assured with the added security of spyware protection. http://new.toolbar.yahoo.com/toolbar/features/norton/index.php --------------------------------------------------------------------- To unsubscribe from this list please visit: http://xircles.codehaus.org/manage_email |
|
|
In reply to this post by hinrich
great/ohno are HTML element ids.
I believe they are returned in whatever form the controller renders (view, text, etc.) - Daiji Rahul Jain wrote: > > Hi Hinrich, > > I have issues understanding the remoteFunction tag as well, It will be > great if the original author (or someone who understands > g:remoteFunction well) can add to documentation. > > Particularly the example in > http://grails.codehaus.org/Tag+-+remoteFunction talks about: > > <select > onchange="${remoteFunction(action:'bookbyname',update:[success:'great', > failure:'ohno'], params:'\'bookName=\' + this.value' )}"> > What does 'great' or 'ohno' stands for, are they javascript function > names that will be called ? If yes, in what form is the result of a > query (e.g. book list) passed to the javascript function ? > > Will appreciate author's comments on documentation... > > ----- Original Message ---- > From: Hinrich Boog <[hidden email]> > To: [hidden email] > Sent: Wednesday, July 25, 2007 12:26:26 PM > Subject: Re: [grails-user] Cannot pass parameters with AJAX remoteFunction > > Hi Folks, > > Could anyone of you think of a workaround for this problem ? Is there a > complete example for a remoteForm out there ? > > regards > Hinrich > > > Hinrich Boog schrieb: > > Hi Folks, > > > > I have a problem passing parameters via Ajax. Maybe anyone has a hint > > for me ? > > > > I am trying to create a link that contains an ID of the object I am > > using as an iterator id="${it}", but then I also want to pass more > > information: > > > > <div onmouseover="this.style.cursor='pointer';" > > onclick="<g:remoteFunction controller="tile" action="deleteAjaxImage" > > id="${it}" update="tileRow${tile.id}" params="tileid=${tile.id}" > > />"><u>${it}</u></div> > > > > > > However when I query on the controller side: > > > > println("deleteAjaxImage ${params}") > > > > this only gives me > > > > deleteAjaxImage ["action":"deleteAjaxImage", "controller":"tile", > > "id":"10"] - no trace of the tileid. > > > > The description states I can pass parameters: > > > > http://grails.codehaus.org/Tag+-+remoteFunction > > > > Any help ? > > > > Thanks > > Hinrich > > > > --------------------------------------------------------------------- > > To unsubscribe from this list please visit: > > > > http://xircles.codehaus.org/manage_email > > > > > > > > > > > --------------------------------------------------------------------- > To unsubscribe from this list please visit: > > http://xircles.codehaus.org/manage_email > > > ------------------------------------------------------------------------ > Be a better Globetrotter. Get better travel answers > > someone who knows. > Yahoo! Answers - Check it out. ____________________________________________________________________________________ Shape Yahoo! in your own image. Join our Network Research Panel today! http://surveylink.yahoo.com/gmrs/yahoo_panel_invite.asp?a=7 --------------------------------------------------------------------- To unsubscribe from this list please visit: http://xircles.codehaus.org/manage_email |
|
|
In reply to this post by D T-2
Hi Daiji,
Great example, thanks. H. D T schrieb: > Hinrich, > > I've sometimes witnessed a need to add extra single quote characters > that sometimes need to be escaped in order for the params to be handled > properly; I think with the Prototype library. > > Anyways, I would normally write that as something like the following to > be less confusing to your HTML editor with the extra < and > chars: > > <div onmouseover="this.style.cursor='pointer';" > onclick="${remoteFunction(controller: "tile", action: "deleteAjaxImage" > , id: it, update: "tileRow"+tile.id, params:"'tileid="+tile.id+"'" > )}"><u>${it}</u></div> > > Actually, I'd probably even put the remoteFunction within some other JS > script so as to not clutter the HTML. > > <div onmouseover="this.style.cursor='pointer';" > onclick="deleteAjaxImage(${it}, ${tile.id})"><u>${it}</u></div> > > and > > function deleteAjaxImage(id, tileid) { > ${remoteFunction(controller: "tile", action: "deleteAjaxImage" , id: id, > update: "'tileRow'+tileid", params:"'tileid='+tileid" )} > } > > But in general, I would try debugging the issue by > 1) looking at what HTML is gnerated by the tag, or > 2) using the Firebug plugin (on Firefox) to debug the JS that gets executed. > > - Daiji > > Hinrich Boog wrote: > >> Hi Folks, >> >> Could anyone of you think of a workaround for this problem ? Is there >> a complete example for a remoteForm out there ? >> >> regards >> Hinrich >> >> >> Hinrich Boog schrieb: >> >>> Hi Folks, >>> >>> I have a problem passing parameters via Ajax. Maybe anyone has a hint >>> for me ? >>> >>> I am trying to create a link that contains an ID of the object I am >>> using as an iterator id="${it}", but then I also want to pass more >>> information: >>> >>> <div onmouseover="this.style.cursor='pointer';" >>> onclick="<g:remoteFunction controller="tile" action="deleteAjaxImage" >>> id="${it}" update="tileRow${tile.id}" params="tileid=${tile.id}" >>> />"><u>${it}</u></div> >>> >>> >>> However when I query on the controller side: >>> >>> println("deleteAjaxImage ${params}") >>> >>> this only gives me >>> >>> deleteAjaxImage ["action":"deleteAjaxImage", "controller":"tile", >>> "id":"10"] - no trace of the tileid. >>> >>> The description states I can pass parameters: >>> >>> http://grails.codehaus.org/Tag+-+remoteFunction >>> >>> Any help ? >>> >>> Thanks >>> Hinrich >>> >>> --------------------------------------------------------------------- >>> To unsubscribe from this list please visit: >>> >>> http://xircles.codehaus.org/manage_email >>> >>> >>> >>> >>> >> --------------------------------------------------------------------- >> To unsubscribe from this list please visit: >> >> http://xircles.codehaus.org/manage_email >> >> >> >> >> > > > > > ____________________________________________________________________________________ > Get the free Yahoo! toolbar and rest assured with the added security of spyware protection. > http://new.toolbar.yahoo.com/toolbar/features/norton/index.php > > --------------------------------------------------------------------- > To unsubscribe from this list please visit: > > http://xircles.codehaus.org/manage_email > > > > > --------------------------------------------------------------------- To unsubscribe from this list please visit: http://xircles.codehaus.org/manage_email |
|
|
In reply to this post by D T-2
Hi Daiji,
A am indeed using Firebug and the WebDeveloperToolbar of Firefox, alert I have not much experience with JavaScript & stuff. In the example you sent, <div onmouseover="this.style.cursor='pointer';" onclick="${remoteFunction(controller: "tile", action: "deleteAjaxImage" , id: it, update: "tileRow"+tile.id, params:"'tileid="+tile.id+"'" )}"><u>${it}</u></div> works fine for me, but the function function deleteAjaxImage(id, tileid) { ${remoteFunction(controller: "tile", action: "deleteAjaxImage" , id: id, update: "'tileRow'+tileid", params:"'tileid='+tileid" )} } still throws a JS error: If generates the following text: new Ajax.Updater(''tileRow'+tileid','/bau/tile/deleteAjaxImage',{asynchronous:true,evalScripts:true,parameters:'tileid='+tileid}); So obviously, one inverted comma is too much, but I have no clue how to modify the GSP-Expression to get the desired value. Any hints ? Hinrich D T schrieb: > Hinrich, > > I've sometimes witnessed a need to add extra single quote characters > that sometimes need to be escaped in order for the params to be handled > properly; I think with the Prototype library. > > Anyways, I would normally write that as something like the following to > be less confusing to your HTML editor with the extra < and > chars: > > <div onmouseover="this.style.cursor='pointer';" > onclick="${remoteFunction(controller: "tile", action: "deleteAjaxImage" > , id: it, update: "tileRow"+tile.id, params:"'tileid="+tile.id+"'" > )}"><u>${it}</u></div> > > Actually, I'd probably even put the remoteFunction within some other JS > script so as to not clutter the HTML. > > <div onmouseover="this.style.cursor='pointer';" > onclick="deleteAjaxImage(${it}, ${tile.id})"><u>${it}</u></div> > > and > > function deleteAjaxImage(id, tileid) { > ${remoteFunction(controller: "tile", action: "deleteAjaxImage" , id: id, > update: "'tileRow'+tileid", params:"'tileid='+tileid" )} > } > > But in general, I would try debugging the issue by > 1) looking at what HTML is gnerated by the tag, or > 2) using the Firebug plugin (on Firefox) to debug the JS that gets executed. > > - Daiji > > Hinrich Boog wrote: > >> Hi Folks, >> >> Could anyone of you think of a workaround for this problem ? Is there >> a complete example for a remoteForm out there ? >> >> regards >> Hinrich >> >> >> Hinrich Boog schrieb: >> >>> Hi Folks, >>> >>> I have a problem passing parameters via Ajax. Maybe anyone has a hint >>> for me ? >>> >>> I am trying to create a link that contains an ID of the object I am >>> using as an iterator id="${it}", but then I also want to pass more >>> information: >>> >>> <div onmouseover="this.style.cursor='pointer';" >>> onclick="<g:remoteFunction controller="tile" action="deleteAjaxImage" >>> id="${it}" update="tileRow${tile.id}" params="tileid=${tile.id}" >>> />"><u>${it}</u></div> >>> >>> >>> However when I query on the controller side: >>> >>> println("deleteAjaxImage ${params}") >>> >>> this only gives me >>> >>> deleteAjaxImage ["action":"deleteAjaxImage", "controller":"tile", >>> "id":"10"] - no trace of the tileid. >>> >>> The description states I can pass parameters: >>> >>> http://grails.codehaus.org/Tag+-+remoteFunction >>> >>> Any help ? >>> >>> Thanks >>> Hinrich >>> >>> --------------------------------------------------------------------- >>> To unsubscribe from this list please visit: >>> >>> http://xircles.codehaus.org/manage_email >>> >>> >>> >>> >>> >> --------------------------------------------------------------------- >> To unsubscribe from this list please visit: >> >> http://xircles.codehaus.org/manage_email >> >> >> >> >> > > > > > ____________________________________________________________________________________ > Get the free Yahoo! toolbar and rest assured with the added security of spyware protection. > http://new.toolbar.yahoo.com/toolbar/features/norton/index.php > > --------------------------------------------------------------------- > To unsubscribe from this list please visit: > > http://xircles.codehaus.org/manage_email > > > > > --------------------------------------------------------------------- To unsubscribe from this list please visit: http://xircles.codehaus.org/manage_email |
|
|
In reply to this post by hinrich
Probably as follows:
function deleteAjaxImage(id, tileid) { ${remoteFunction(controller: "tile", action: "deleteAjaxImage" , id: id, update: "tileRow'+tileid+'", params:"'tileid='+tileid" )} } If only JS supported GString (Groovy string) syntax or something like it... - Daiji Hinrich Boog wrote: > Hi Daiji, > A am indeed using Firebug and the WebDeveloperToolbar of Firefox, > alert I have not much experience with JavaScript & stuff. In the > example you sent, > <div onmouseover="this.style.cursor='pointer';" > onclick="${remoteFunction(controller: "tile", action: > "deleteAjaxImage" , id: it, update: "tileRow"+tile.id, > params:"'tileid="+tile.id+"'" )}"><u>${it}</u></div> > > works fine for me, but the function > > function deleteAjaxImage(id, tileid) { > ${remoteFunction(controller: "tile", action: "deleteAjaxImage" , id: > id, update: "'tileRow'+tileid", params:"'tileid='+tileid" )} > } > > still throws a JS error: > > If generates the following text: > > new > > > > So obviously, one inverted comma is too much, but I have no clue how > to modify the GSP-Expression to get the desired value. Any hints ? > > Hinrich > > D T schrieb: >> Hinrich, >> >> I've sometimes witnessed a need to add extra single quote characters >> that sometimes need to be escaped in order for the params to be >> handled properly; I think with the Prototype library. >> Anyways, I would normally write that as something like the following >> to be less confusing to your HTML editor with the extra < and > chars: >> >> <div onmouseover="this.style.cursor='pointer';" >> onclick="${remoteFunction(controller: "tile", action: >> "deleteAjaxImage" , id: it, update: "tileRow"+tile.id, >> params:"'tileid="+tile.id+"'" )}"><u>${it}</u></div> >> >> Actually, I'd probably even put the remoteFunction within some other >> JS script so as to not clutter the HTML. >> >> <div onmouseover="this.style.cursor='pointer';" >> onclick="deleteAjaxImage(${it}, ${tile.id})"><u>${it}</u></div> >> >> and >> >> function deleteAjaxImage(id, tileid) { >> ${remoteFunction(controller: "tile", action: "deleteAjaxImage" , id: >> id, update: "'tileRow'+tileid", params:"'tileid='+tileid" )} >> } >> >> But in general, I would try debugging the issue by >> 1) looking at what HTML is gnerated by the tag, or >> 2) using the Firebug plugin (on Firefox) to debug the JS that gets >> executed. >> >> - Daiji >> >> Hinrich Boog wrote: >> >>> Hi Folks, >>> >>> Could anyone of you think of a workaround for this problem ? Is >>> there a complete example for a remoteForm out there ? >>> >>> regards >>> Hinrich >>> >>> >>> Hinrich Boog schrieb: >>> >>>> Hi Folks, >>>> >>>> I have a problem passing parameters via Ajax. Maybe anyone has a >>>> hint for me ? >>>> >>>> I am trying to create a link that contains an ID of the object I am >>>> using as an iterator id="${it}", but then I also want to pass more >>>> information: >>>> >>>> <div onmouseover="this.style.cursor='pointer';" >>>> onclick="<g:remoteFunction controller="tile" >>>> action="deleteAjaxImage" id="${it}" update="tileRow${tile.id}" >>>> params="tileid=${tile.id}" />"><u>${it}</u></div> >>>> >>>> >>>> However when I query on the controller side: >>>> >>>> println("deleteAjaxImage ${params}") >>>> >>>> this only gives me >>>> >>>> deleteAjaxImage ["action":"deleteAjaxImage", "controller":"tile", >>>> "id":"10"] - no trace of the tileid. >>>> >>>> The description states I can pass parameters: >>>> >>>> http://grails.codehaus.org/Tag+-+remoteFunction >>>> >>>> Any help ? >>>> >>>> Thanks >>>> Hinrich >>>> >>>> --------------------------------------------------------------------- >>>> To unsubscribe from this list please visit: >>>> >>>> http://xircles.codehaus.org/manage_email >>>> >>>> >>>> >>>> >>>> >>> --------------------------------------------------------------------- >>> To unsubscribe from this list please visit: >>> >>> http://xircles.codehaus.org/manage_email >>> >>> >>> >>> >>> >> >> >> >> >> ____________________________________________________________________________________ >> >> Get the free Yahoo! toolbar and rest assured with the added security >> of spyware protection. >> http://new.toolbar.yahoo.com/toolbar/features/norton/index.php >> >> --------------------------------------------------------------------- >> To unsubscribe from this list please visit: >> >> http://xircles.codehaus.org/manage_email >> >> >> >> >> > > > --------------------------------------------------------------------- > To unsubscribe from this list please visit: > > http://xircles.codehaus.org/manage_email > > > > ____________________________________________________________________________________ Need a vacation? Get great deals to amazing places on Yahoo! Travel. http://travel.yahoo.com/ --------------------------------------------------------------------- To unsubscribe from this list please visit: http://xircles.codehaus.org/manage_email |
«
Return to Grails - user
|
1 view|%1 views
Loading...
| Powered by Nabble | Edit this page |