Kendo ui 使用Kendo UI筛选JSON数据源

我需要从以下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.data.DataSource的原因，并在筛选器部分应用筛选器

过滤器：{fieled:“active”，运算符：“eq”，值：true}

HTML

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

---

回答很好，很有效，谢谢！如果我想将条件更改为：以支持默认值，该怎么办。如何更改此过滤器？@user1102051，已在数据源中使用多过滤器选项进行更新

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"
});