过滤JSON数据源与剑道UI

Question

我需要从以下JSON自动填充剑道下拉框：

var products= 
[ 
    { 
     id: 1, 
     title: "Item-1", 
     active: true 
    }, 
    { 
     id: 2, 
     title: "Item-2", 
     active: false 
    } 
]; 

所以我用下面的代码来做到这一点，它工作得很好：

$("#productList").kendoDropDownList({ 
    dataSource: products, 
    dataTextField: "title", 
    dataValueField: "id" 
}); 

问题是，我只想看到“活动”为真的项目。

如何通过Kendo实现？

Answer 1

Sample Jsfiddle

对于过滤器，只能过滤器上dataSoruce，之所以创建kendo.data.DataSource和过滤部分应用滤镜。

滤波器：{fieled： “活跃”，操作者： “当量”，值：真}

HTML

<div> 
    <input id="productList" style="width:250px"/> 
</div> 

Javascript

var products= 
[ 
    { 
     id: 1, 
     title: "Item-1", 
     active: true 
    }, 
    { 
     id: 2, 
     title: "Item-2", 
     active: undefined 
    }, 
    { 
     id:3, 
     title:"Item-3", 
     active:false 
    }, 
    { 
     id:3, 
     title:"Item-4", 
     active:undefined 
    } 
]; 
var dataSource=new kendo.data.DataSource({ 
    data:products, 
    filter:{ 
     logic:'or', 
     filters:[ 
      {field:"active",operator:"eq",value:true}, 
      {field:"active",operator:"eq",value:undefined} 
     ]} 
}); 

$("#productList").kendoDropDownList({ 
    dataSource: dataSource, 
    dataTextField: "title", 
    dataValueField: "id" 
});