Kendo UI网格数据绑定

时间:2013-04-03 06:54:46

标签: kendo-ui kendo-grid kendo-asp.net-mvc

有人能告诉我如何基于之前的控件选择绑定kendo网格吗?

例如:我在页面中放置了一个下拉列表和网格。现在我想根据下拉选择值在网格中填充数据。

有人可以帮我这么做吗?我正在使用MVC。

2 个答案:

答案 0 :(得分:0)

试试这个:

    $("#dept").kendoComboBox({
                filter: "contains",
                index: 0,
                dataTextField: "Name",
                dataValueField: "ID",
                dataSource: data,
                select: onSelect

            });
 //Dropdown change event
    function onSelect(e) {
        var dataItem = this.dataItem(e.item.index());
        UpdateUPGridSource(dataItem.value);
    }
   //Refresh Datasource by Role wise
   function UpdateGridSource(DropdownValue) {
        var grd = $("#users").data("kendoGrid");
        //Set url property of the grid data source
        grd.dataSource.transport.options.read.url = '/Controller/JSONMethodName?ParameterName='+ RoleID;
        //Read data source to update
        grd.dataSource.read();
   }

答案 1 :(得分:0)

也许你可以这样做:

$("#dept").kendoComboBox({
            filter: "contains",
            suggest: true,
            index: 0,
            dataTextField: "Name",
            dataValueField: "ID",
            dataSource: data,
            change: function(e){
                   grid.data("kendoGrid").dataSource.filter({
                       field: "someField",
                       operator: "eq|etc.",
                       value: this.value()
                   });
            }
});

grid是您通过kendoGrid()方法定义的对象。 希望它会对你有所帮助。