Question

I have a comboBox called clientCCBox, I need a javascript that retrieves the selected option value, wich will be the client id, and then passes it on the kendo grid datasource read property as follow:

<kendo:dataSource-transport-read url="/read.html?*clientID*"/>

I’ve been trying to use this js snippet to recover the selected value; the document write is there to visually see if it actually retrieved the value, but it displays nothing. How would I once I get the clientID use it in HTML?

<script> 
    function onSelect(e){
        var clientId = clientCCBox.value();   
        document.write(clienteId);
    }
</script>

If I do manage to pass clientID on the querystring, the following code on the controller would return a list and populate the grid right?

@RequestMapping(value = "/read.html*")
public @ResponseBody List<Workers> read(HttpServletRequest request) {
    return workerDAO.listWorker(Integer.parseInt(request.getQueryString()));
}

Answer 1

You can define your additional parameters using parameterMap attribute in kendo:dataSource-transport tag.

Example:

<kendo:dataSource-transport parameterMap="additionalParameters">
    <kendo:dataSource-transport-read url="/ListBeer" type="GET" contentType="application/json"/>
</kendo:dataSource-transport>

Where additionalParameters is:

<script type="text/javascript">
    var theId = "xyz";

    function additionalParameters(data, type) {
        if (type === "read") {
            return "id=" + theId;
        }
        return data;
    }
</script>

Here, I would be loading data from the following url /ListBeer?id=xyz where xyz is the value of theId.

You can also send more than one parameter:

function additionalParameters(data, type) {
    if (type === "read") {
        return "id=" + data + "&param=" + JSON.stringify(data);
    }
    return "param= "+ JSON.stringify(data);
}