CODEWITHSUNDEEP
javascriptgrails
John
John

Reputation: 137

how to use grails ${createLink} in javascript

i have a javascript function as follows

function GetSelectedItem()
{
    var e = document.getElementById("country");
    var strSel =  e.options[e.selectedIndex].value;
    alert(strSel);
    var url = "${createLink(controller:'country', action: 'wholeTestUnits', id: strSel)}"
    alert(url);
 }

i want to go to that url action when i click the submit button like

<button class="submit_small" onClick="GetSelectedItem();">
    <span><g:message code="default.button.submit.label" /></span>
</button>

This ${createLink} is not working.

Upvotes: 1

Views: 9831

Answers (6)

user11662026
user11662026

Reputation: 1

try this: var url = "${createLink(controller:'country', action: 'wholeTestUnits', params:[id: strSel], absolute: true)}"

Upvotes: 0

Nandakishor Dhanaji Valakunde
Nandakishor Dhanaji Valakunde

Reputation: 661

    --in gsp file--
   <a href="#" onclick="callAjax('${createLink(controller:'shift',action: 'addShift')}');" >Add/Edit Shift</a>


    --in js file--
    function callAjax(path){
    //path->/shift/addShift
       var xmlhttp = new XMLHttpRequest();
                xmlhttp.onreadystatechange = function() {
                    if (this.readyState == 4 && this.status == 200) {
                        document.getElementById("updateContent").innerHTML = this.responseText;
                    }
                };
                xmlhttp.open("GET", path, true);
                xmlhttp.send();
      }

Upvotes: 0

user1728363
user1728363

Reputation: 359

Instead of using the createLink you could build your own URL and use that one instead. You have to pay attention to capital letters in the controller name, though.

var url="${ createLink(controller:'testcontroller', action:'getData') }";

is equivalent to

var url = "/testcontroller/getData;

If you want to pass in arguments from javascript to the controller you can do like this.

var url = "/testcontroller/getData?arg0=" + arg0 + "&arg1=" + arg1;

To extract the arguments in the controller you do use the params keyword. So to print the parameters in the controller you do this:

println params.arg0
println params.arg1

Upvotes: 0

user1791574
user1791574

Reputation: 1749

As I think , you are not getting value of strSel in your link. You can try this. 

function GetSelectedItem()
{
        var e = document.getElementById("country");
        var strSel =  e.options[e.selectedIndex].value;
        alert(strSel);
        var url = "${grailsApplication.config.grails.serverURL}/country/wholeTestUnits/" + strSel
        alert(url);
}

Upvotes: 1

Gregg
Gregg

Reputation: 35864

A better way of doing this which doesn't require the JavaScript code be in your GSP would be the following:

<button class="submit_small" onClick="GetSelectedItem();" data-url="${createLink(controller:'country', action: 'wholeTestUnits')}">
    <span><g:message code="default.button.submit.label" /></span>
</button>

function GetSelectedItem() {
    var button = event.target;
    var e = document.getElementById("country");
    var strSel =  e.options[e.selectedIndex].value;
    var url = button.getAttribute("data-url") + "/" + strSel;
}

Upvotes: 3

tim_yates
tim_yates

Reputation: 171054

I think you have a serverside/clientside problem. The createLink is run on the server, the JS is run on the client...

Try:

var url = '${createLink(controller:'country', action: 'wholeTestUnits')}' + strSel ;

Upvotes: 1

Related Questions