在Kendo网格中重新映射过滤器数据以获得更好的格式

时间:2018-01-16 20:11:47

标签: jquery kendo-grid

如何在kendo网格下拉过滤器中重新格式化数据?我收到的数据与我希望过滤器的显示方式不符。

示例:

  • inactive_user
  • 活性
  • disabled_user

我想在过滤器下拉列表中显示这样的

  • 非活动用户
  • 有效
  • 已禁用用户

我在浏览jQuery文档时遇到了麻烦,(这是我正在使用的版本)并配置了过滤器模板(如果有的话)。这是我到目前为止所展示的" flat"版本

filterable: {
  multi: true, 
  search: true
},

修改

我发现您可以使用dataSource插入手动项目,但不确定如何更换标题,或者这是否正确...

dataSource: [{
status: "inactive_user",
  },{
status: "active",
  },....

1 个答案:

答案 0 :(得分:1)

您可以使用嵌入DropDownList的过滤器覆盖列的过滤器使用的默认过滤器元素。接下来,您可以覆盖dropDownList的模板和值模板以满足您的需求。

注意:如果这是模板数据的确切语法,我不记得我的头脑,但是,这是基本原则。

filterable: {
      ...
    ui: activeFilter
      ...
}


function activeFilter(element) {
    element.kendoDropDownList({
         dataSource: ...,
         dataTextField:...,
         dataValueField:'myValue',
         valueTemplate: 'convertStatus('+#:data.myValue+')',
         template: 'convertStatus('+#:data.myValue+')'
    });
}