Kendo Grid 自定义过滤器以编程方式设置过滤器值

Question

我正在尝试以编程方式设置 Kendo Grid 自定义过滤器的过滤器值。我正在应用新的过滤器值，例如：

gridOptions.dataSource.filter = [
    {
      field: 'MyField',
      operator: 'eq',
      value: newTextValue
    }
];

我在网格选项中的字段定义如下所示：

{
     width: '140px',
     title: 'MyFieldTitle',
     field: 'MyField',
     filterable: getFieldFilter()
}

使用以下过滤器：

function getFieldFilter() {
  return {
    cell: {
      template: function (args) {
        var element = args.element;

        element.kendoComboBox({
          dataSource: {
            transport: {
              read: 'api/Items'
            }
          },
          valuePrimitive: true,
          dataTextField: 'Description',
          dataValueField: 'Code'
        });
      },
      showOperators: false
    }
  };
}

如果我应用如上所示的过滤器，则只有在单击列中的 kendoComboBox 并再次单击其外部后，它才起作用。 我最初的想法是剑道网格不会应用

dataValueField

而只是设置

dataTextField

。当我检查 kendo grid 发送到服务器的请求时，我看到它正在发送到存储在 kendoComboBox 本身（文本）中的值，而不是其背后的值。

如果我从 UI 中选择 kendoComboBox 中的某些内容，一切都会正常工作。但如果我像上面那样以编程方式设置它，则不会。

我是否需要刷新某种状态才能使 kendoComboBox 刷新其内部值或者如何解决这个问题？

编辑： 我想做的是从网格中获取

kendoCombobox

的值。

var currentlyAppliedFilters = grid.dataSource.filter().filters;
for (var filter of currentlyAppliedFilters) {
    if (filter.field === 'MyField') {
      var currentlyApplied = filter.value;
    }
}

所以上面的代码会给我

Description

中项目的

kendoCombobox

属性，但我实际上想要得到的是

Code

属性。

Answer 1

最初当数据源没有过滤器时，单元格过滤器需要一个选项标签。这样第一个值就不会显示为选定的状态。

eg : 带有 optionLabel 的 dojo 示例

 args.element.kendoDropDownList({
                                dataSource: args.dataSource,
                                optionLabel: "Select a color...",
                                dataTextField: "color",
                                dataValueField: "color",
                                valuePrimitive: true
                            });

如果绑定时需要网格进行过滤，则应在数据源中添加默认过滤器

eg：带有数据源过滤器的dojo示例

 dataSource: { 
          data:[ { color: "#ff0000", size: 30 }, { color: "#000000", size: 33 }] ,
          filter: { field: "color", operator: "eq", value: "#ff0000" }
                    }

希望这有帮助。