CODEWITHSUNDEEP
javascriptjquerygrailsgroovy
sg1291
sg1291

Reputation: 125

Calling controller function from gsp

I need to call a controller function from javascript on my gsp. I have read different solutions from hundreds of places but none worked. The problem which I found closest to mine was this. But I am not repeating the same mistake as this and thus the solution didn't help.

I have a tag like this which calls the javascript function

<g:select name="poNumber" noSelection="['':'Select PO Number']" from="${com.rerq.PurchaseOrder.list()}" 
                    onchange="getProject(this.value)" />

And the javascript function looks like this

function getProject(poNumber){
        var projectName = document.getElementById("projectName");
        var newData = ${remoteFunction(controller: 'sow', action: 'getProject', params: ['poNumber':poNumber])};
}

And the function I need to call is

def getProject(String poNumber) {
        String projectName = Sow.find("from Sow as s where s.poNumber=?", [poNumber])
        return projectName
    }

The controller function might have mistakes as I am completely new to groovy and grails. But my understanding is that the control isn't reaching here so this should not be the cause of any problem.

I am getting below exception

No signature of method: remoteFunction() is applicable for argument types: (java.util.LinkedHashMap) values: [[controller:sow, action:getProject, params:[poNumber:null]]]

I tried using remoteFunction() in g:select itself but it threw another exception which said

Attribute value quotes not closed ...

even though they were.

Any help is greatly appreciated.

Upvotes: 1

Views: 3909

Answers (3)

Emmanuel Rosa
Emmanuel Rosa

Reputation: 9885

To use remoteFunction with Grails 3 you need to add the ajax-tags plugin: org.grails.plugins:ajax-tags:1.0.0

Upvotes: 2

Omar Yafer
Omar Yafer

Reputation: 853

Actually you can have your gsp recognize some Grails functions inside your js if the script is inside the gsp and anything you need for your js is created on the server side. In your case it seems you want to do an ajax call so you could have the following.

project.gsp (Consider that you already loaded jQuery)

<g:select name="poNumber" noSelection="['':'Select PO Number']" from="${com.impetus.rerq.PurchaseOrder.list()}" 
                    onchange="getProject(this.value)" />

And in the same file you have

<script type="text/javascript">

    function getProject(poNumber){
    jQuery("#yourTarget").load("${createLink(action: 'getProject')}",{poNumber: poNUmber},function(response, status, xhr ){
                   if ( status == "error" ) {
                       alert("No data loaded.")
                   }
                });
    }

</script>

As you see a gstring in load("${}",... is used because it will be parsed in the server and at client side your actual js it will parse to load("yourcontrollerName/getProject",..... Why not code the url directly in the js? Because by using createLink() it is less likely to make reference mistakes.

EDIT

If you want to do this but using an external js file, you would need a way to pass the url, to the js, and use a simple load function. So something like this will be helpful

<g:select name="poNumber" noSelection="['':'Select PO Number']" from="${com.impetus.rerq.PurchaseOrder.list()}" 
                        onchange="getProject(this.value, \'${createLink(action:'getProject')}\')" />

Once on the server onchange="getProject(this.value,\'${createLink(action:'getProject')}\')"would be parsed to onchange="getProject(this.value,'yourController/getProject')". Be wary that I might have messed up the ""s and ''s so verify your html output. And you would need a js function that accepts the uri

function getProject(value, targetUri){
....
}

What you need to review is when is your function needed, on the server o in the client;if the functions are inside a gsp or not; And if not available, how could you pass data to them.

Upvotes: 1

monty_bean
monty_bean

Reputation: 514

You cannot access grails's controller from javascript. I haven't tested it but this might work.

<g:createLink controller="sow" action="getProject", params="['poNumber':poNumber]"/>

Also, if you use Google Chrome's developer's tool, you will see how your javascript code is displayed. Make sure it is in right syntax.

Upvotes: 0

Related Questions