当在 JQuery 中加载网格时，如何修改 kendo 网格列过滤器选项？

Question

如何在加载网格时修改 kendo 网格中的列过滤器选项？例如添加过滤器选项 filterable: { multi: true } 或更改宽度 width: 120.

更详细，我有这个代码：

 $("#Table").kendoGrid({
       dataSource: { data },
       pageSize: 30,
       pageable: true,
       sortable: true,
       navigatable: true,
       resizable: true,
       groupable: true,
       filterable: true,
       selectable: "multiple, row",
       columns:
           [{ field: "ID", title: "ID", width: "20px", },
           { field: "Customer.Title", title: "Customer", width: "30px" },
           { field: "Author.Title", title: "Expert", width: "30px" },
           { field: "Body", title: "Body", width: "200px" },
           { field: "RemainderBody", title: "RemainderBody", width: "50px" },

           ]
   }).data("kendoGrid");

我想修改 Customer filterable 像 filterable: { multi: true }

Answer 1

创建网格后，您可以使用 setOptions 方法更改网格配置。检查网格的 API 参考：

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/setoptions

请注意，这将破坏并重新创建网格。

Answer 2

与@NigelK 一起并建议使用 setOptions。下面是设置单个列以使用多重检查过滤的示例。

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

<script>
    grid = $("#grid").data("kendoGrid");

    grid.setOptions({
        columns: {
            1: {
                filterable: {
                    multi: true
                }
            }
        }
    });
</script>

这里有一个dojo来测试上面的代码。

当在 JQuery 中加载网格时，如何修改 kendo 网格列过滤器选项？

How can I modify kendo Grid Column filter option when grid is loaded in JQuery?

kendo-ui

kendo-grid