[Solved] Help Configuring Ajax Binding for Additional Arguments

[Kevin Burandt]

I have a master-detail grid using Ajax hierarchy that works fine, the inner grid binds properly to the selected row.  I now want to pass a query string (entered by user) from the master grid to the controller so I can filter results.  The code below works fine except that I can't figure out how to get it to bind data from user input instead of what's in ViewData.

<%= Html.Telerik().Grid(Model)
        .Name("Orders")
        .DataBinding(dataBinding => dataBinding
             //Ajax binding
             .Ajax()
                   //The action method which will return JSON and its arguments
                   .Select("_AjaxBinding", "Home", new {id = (string)ViewData["id"]})
        )
        .Pageable()
        .Sortable()

Given this html
@Html.TextBox("nameFilter", "Search")

I would like to see

POST http://localhost:55911/Job/_JobList?nameFilter=Search

This obviously comes across as a string:
.Select("_JobList", "Job",  new {nameFilter = "#= JobName #" }))

With Ajax binding how do I get user selection criteria back to the controller?

Thanks,

Kevin

[Atanas Korchev]

Hello Kevin Burandt,

 You can do this by handling the OnDataBinding JavaScript event and pass the additional argument via the data field of the event arguments:

function onDataBinding(e) {
   e.data = { id: $("#searchBox").val() };
}

Regards,
Atanas Korchev
the Telerik team

[Kevin Burandt]

Atanas,

Thank you works great!

Kevin

[Bob]

Is there anyway to tell the grid to ignore the error if the function does not exist?

i want to create a generic "picklist" grid which is used on multiple forms. On some forms I may want to add additional filtering parameters. So, I want to specify an onDataBinding function name but would only provide it on forms where I wanted to add these parameters?

BOb

EDIT: I worked around this by creating a proxy js function that checked for the existence of another function before calling it for now.