【问题标题】:KendoUI grid databindingKendo UI 网格数据绑定
【发布时间】:2013-04-03 06:54:46
【问题描述】:

谁能告诉我如何根据之前的控件选择绑定剑道网格?

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

谁能帮我做这件事。我正在使用 MVC。

【问题讨论】:

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


    【解决方案1】:

    试试这个:

        $("#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();
       }
    

    【讨论】:

    • 您好,感谢您的回复。我尝试了与您说的相同的方法。但是在执行该方法之后..它显示你想从本地主机打开还是保存getdetails?以及打开、保存和取消按钮。而不是将结果值绑定到网格。
    • 函数 changedept() { var grd = $("#users").data("kendoGrid"); var dropdownlist = $("#dept").data("kendoDropDownList"); //设置网格数据源的url属性 grd.dataSource.transport.options.read.url = '/Home/GetUsersByDept?deptid=' + dropdownlist.value(); //读取数据源更新 grd.dataSource.read(); } public JsonResult GetUsersByDept(int deptid) { // 这里我的 dbfetch 方法返回 Json(emps, JsonRequestBehavior.AllowGet); }
    • 嗨,我已经改变了我的答案,所以试试这个。
    • 我没看出有什么区别 :(
    【解决方案2】:

    也许你可以这样做:

    $("#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() 方法定义的对象。 希望对你有帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多