kendo-grid：无法过滤下拉列表中的列

Question

我有用template定义的列：“ object.type”，它是dropdownlist（有多种类型可以搜索）。

它具有编辑器：

                editor : function (container, options) {
                        $('<input data-text-field="display" data-value-field="id" data-bind="value:' + options.field + '"/>')
                            .appendTo(container)
                            .kendoDropDownList({
                                index: 0,
                                dataTextField: "display",
                                dataValueField: "id",
                                dataSource: usergroupConf.permissions
                            });
                    },

因此，此列的元素是具有键id和显示的对象，例如

{
  "id":"1",
  "display":"Big"
}

现在，我为该列定义了filterable属性：

                filterable : {
                    extra : false,
                    ui : function(element) {
                        element.kendoDropDownList({
                            index: 0,
                            dataTextField: "display",
                            dataValueField: "id",
                            dataSource: usergroupConf.permissions
                        });
                    }
                }

当我单击过滤器框时，它显示过滤器很好，但是当我从中选择一些值时，出现错误：

Uncaught TypeError: undefined is not a function 

简而言之，

如何过滤剑道网格中下拉列表的列？

Answer 1

因此，经过大量研究，随后出现了溶液。 在剑道网格中使用外键。

1. 创建其他字段，该字段是下拉菜单中所选值的关键

2. 对于该列，板条箱编辑器将绑定到下拉列表，它将更改此新字段

     { field: 'permission_id', title : 'Permission', // values : usergroupConf.permissions, template : "#= permission.display #", editor : function (container, options) { // bind it to permission, but update permission_id as well (because of enabled filtering) $('<input data-text-field="display" data-value-field="id" data-bind="value:permission"/>') .appendTo(container) .kendoDropDownList({ index: 0, dataTextField: "display", dataValueField: "id", dataSource: usergroupConf.permissions, select : function(e) { options.model.permission_id = this.dataItem(e.item.index()).id; } }); }, filterable : { extra : false, ui : function(element) { element.kendoDropDownList({ dataSource: usergroupConf.permissions, dataTextField: "display", dataValueField: "id", optionLabel: "--Select Value--" }); } } }, 

3. 这是数据源

     dataSource: new kendo.data.DataSource({ // pageSize: 10, serverPaging: false, schema: { model: { id : 'id', fields: { 'id' : {}, 'name' : { editable : false, nullable : false }, 'permission' : { editable : true }, 'permission_id' : { // we'll have permission_id to enable filter (kendo doesn't support filtering through objects (what permission column is) by default) editable : true, type : 'number' } } } }, 

因此，最后，在填充数据时，您将必须添加权限作为对象：

{
  "id":1
  "display":"Move"
}

和

permission_id:1