Question

我试图从Kendo网格中的主要字段中获取数据并将其用于过滤进程。因此，当用户使用过滤器时，您在输入内部单击，并显示值以供用户从任何值中进行选择。到目前为止，我有：

<div id="grid"></div>

$(document).ready(function () {
datasource = new kendo.data.DataSource({
     type: "json",
     data: @Html.Raw(JsonConvert.SerializeObject(Model.Programs)),
     batch: true,
     schema: {
          model: {
              fields: {
                   main: { type: "string" },
                   sub: { type: "string" }
              }
          }
     }
});

$("#grid").kendoGrid({
   dataSource: dataSource,
   pageable: true,
   columns: [
      { field: "main", filterable: { ui:main }, title: "Main" }
      { field: "sub", filterable: { ui:sub }, title: "Sub" }
   ],
        groupable: true,
        sortable: true,
        filterable: {
            extra: false,
            operators: {
                string: {
                    startswith: "Starts with",
                    eq: "Is equal to",
                    neq: "Is not equal to"
                }
            }
        }
});
function main(element) {
    element.kendoDropDownList({
        dataSource: main,
        optionLabel: "--Select Value--"
    });
}
});

Answer 1

如果要使用网格中的相同数据填充过滤器中的DropDown，请尝试使用相同的网格数据源并设置DropDown dataField，例如：

function main(element) {
    element.kendoDropDownList({
        dataSource: datasource,
        dataTextField: 'main',
        optionLabel: "--Select Value--"
    });
}

从Kendo Grid获取数据

1 个答案: