Kendo grid how to pass additional parameter from java script

Question

in telerik extenstion to pass additional data to ajax request I used

function onDataBinding(e)
{
    e.data = {argument : 4};
}

where e was div cointainer with data object inside, How can I do this using kendo ? I tried the same but for Kendo e arqument is sth totally different.

score 16 · Accepted Answer · edited Aug 12 '20 at 19:19

16

Finally i got the answer my own and it is :

$('#grid').data('kendoGrid').dataSource.read({name:value})

edited Aug 12 '20 at 19:19

Itchydon

2,572
6
19
33

answered Feb 26 '14 at 19:18

kosnkov

5,609
13
66
107

Works perfectly but Read() is not a function. It should be read() instead. – NiallMitch14 Aug 12 '20 at 13:58

score 5 · Answer 2 · edited Feb 27 '19 at 00:22

5

Try this:

Add this to your grid read function or any CRUD operation:

.Read(read => read.Action("ReadCompanyService", "Admin").Data("CompanyServiceFilter"))

Add javascript:

function CompanyServiceFilter()
{
    return {
        company: $("#ServiceCompany").val()
    }
}

In your controller:

public ActionResult ReadCompanyService([DataSourceRequest]DataSourceRequest request, string company)
{
    var gridList = repository.GetCompanyServiceRateList(company);
    return Json(gridList.ToDataSourceResult(request));
}

Please note, only string type data is allowed to be passed on read, create, update and delete operations.

edited Feb 27 '19 at 00:22

BSMP

4,596
8
33
44

answered Feb 26 '14 at 10:35

Shazhad Ilyas

1,183
8
14

but I am asking how to do it from java script, how to pass it using javascript if I have this var grid. – kosnkov Feb 26 '14 at 10:53
to me to understand fully please post the code and describe what you are trying to achieve.... – Shazhad Ilyas Feb 26 '14 at 10:55

pizzaboy · Answer 3 · 2015-01-15T10:03:59.617

Sorry for the terrible late at the party, but i've got some special cake that you may find tasty:

function readData()
{
    return {
        anagId: selectedItem.ID
    };
}

    $("#grid").kendoGrid({
        dataSource: {
            type: "ajax",
            transport: {
                read: {"url":"@Url.Action("RecordRead", "Tools")","data":readData} 
        }
       [ rest of the grid configuration]

I came across this code by inspecting the code generated by Kendo Asp.Net MVC helpers.

I don't know if this is a further implementation that didn't exist at the age of the post, but this way looks really the most flexible compared to the other answers that i saw. HTH

score 3 · Answer 4 · edited Feb 27 '19 at 16:16

3

If you want to pass some param to ajax request, you can use parameterMap configuration on your grid.

This will get passed on to your Ajax request.

parameterMap: function (options, operation) {
    if (operation === "read") {
        var selectedID = $("#SomeElement").val();
        return {ID: selectedID }
    }
    return kendo.stringify(options.models) ;
}

edited Feb 27 '19 at 16:16

Henrique G. Abreu

17,406
3
56
65

answered Feb 26 '14 at 16:39

RK911

152
1
5

score 2 · Answer 5 · edited Feb 26 '19 at 22:53

Try this:

.Read(read => read.Action("Controller", "Action")
    .Data(@<text>
        function() {                                            
            return {
                searchModel: DataFunctionName(),
                userName: '#=UserName#'
            }
        }
    </text>)
)

JS function

function DataFunctionName() {
    var searchModel = {
        Active: $("#activityMonitorIsActive").data('kendoDropDownList').value(),
        Login: $("#activityMonitorUsers").data('kendoComboBox').value()
    };
    return searchModel;
}

Kendo grid how to pass additional parameter from java script

5 Answers5