Grid datasource rebind on treeview onSelect

[Dan]

Hi,
Currently I have a treeview control and a grid control.
I added a onSelect javascript, when treeview is selected, the grid control will be re-bind.
but I don't know how to pass the parameter to Grid control.

function onSelect(e)
{
var grid = $("#Grid").data("kendoGrid");
grid.dataSource.read()
}

.Read(read => read.Action("GetGridData","Home"))

public ActionResult GetGridData(string treeviewItem, [DataSourceRequest]DataSourceRequest request)
{
}
Can you advise how should I pass the parameter to Grid so the grid can call to controller to return data?

[Dimiter Madjarov]

Hi Dan,


You could use the Data function of the Grid's dataSource Action builder to specify a JavaScript function, that will return additional data for the controller. Here is a sample implementation for the current scenario.
E.g.

.DataSource(dataSource => dataSource
    .Ajax()
    .Read(read => read.Action("Products_Read", "Grid").Data("additionalData"))
)

var treeItem;

function additionalData() {
    return { treeViewItem: treeItem }
}

function onSelect(e) {
    treeItem = this.dataItem(e.node).Name;
    var grid = $("#Grid").data("kendoGrid");
    grid.dataSource.read();
}

Please let me know if this was the information that you were looking for.

 

All the best,
Dimiter Madjarov
the Telerik team