Angularjs 如何在角度剑道下拉列表上应用角度过滤器?
下面是我的数据源,需要绑定到两个剑道下拉列表。一个用于程序,另一个用于IForm。我需要在下拉列表中进行过滤Angularjs 如何在角度剑道下拉列表上应用角度过滤器?,angularjs,kendo-ui,angular-filters,kendo-dropdown,Angularjs,Kendo Ui,Angular Filters,Kendo Dropdown,下面是我的数据源,需要绑定到两个剑道下拉列表。一个用于程序,另一个用于IForm。我需要在下拉列表中进行过滤 $scope.programIFormList = new kendo.data.DataSource({ data: [ { Name: "Program1", IsProgram: "true",
$scope.programIFormList = new kendo.data.DataSource({
data: [
{
Name: "Program1",
IsProgram: "true",
ProgramId: 1,
Status: 0,
PatientId: 1,
StartDate:"",
EndDate:""
},
{
Name: "Program2",
IsProgram: "false",
ProgramId: 2,
Status: 0,
PatientId: 1,
StartDate:"",
EndDate:""
}
]
});
以下是html代码:
<div class="col-lg-2 col-md-4 col-sm-4 col-xs-4">
<select id="patient" kendo-drop-down-list k-data-text-field="'Name'" k-data-value-field="'PatientId'" k-data-source="patientList" >
</select>
</div>
<div class="col-lg-2 col-md-4 col-sm-4 col-xs-4">
<select kendo-drop-down-list k-data-text-field="'Name'" k-data-value-field="'ProgramId'" k-data-source="programIFormList | filter:{IsProgram: true}" k-cascade-from="'patient'">
</select>
</div>
<div class="col-lg-2 col-md-4 col-sm-4 col-xs-4">
<select kendo-drop-down-list k-data-text-field="'Name'" k-data-value-field="'ProgramId'" k-data-source="programIFormList | filter:{IsProgram: false}" k-cascade-from="'patient'">
</select>
</div>
在这里,我尝试应用角度滤波器。但它不起作用。如何使用剑道角度来实现这一点?您可以使用这种方法
angular.module("MyApp", [ "kendo.directives" ])
.controller("FilterController", function($scope){
$scope.programIFormList = new kendo.data.DataSource({
data: [
{
Name: "Program3",
IsProgram: "true",
ProgramId: 1,
Status: 0,
PatientId: 1,
StartDate: "",
EndDate: ""
},
{
Name: "Program1",
IsProgram: "false",
ProgramId: 2,
Status: 0,
PatientId: 1,
StartDate: "",
EndDate: ""
}
],
filter: [
{ field: "IsProgram", operator: "eq", value: "true" }
]
});
});
如果只有一个下拉列表,则该方法是正确的。但是我有两个下拉列表,我需要将这个数据源绑定到这两个数据源,并在视图级别进行过滤。是否仍然可以从HTML视图传递筛选器值?KendoUI是否创建了任何指令?我们可以使用这种类型的内联过滤器,但我不确定这一点。我用你的例子测试了它,但它不起作用,但如果你能探索更多,可能会有所帮助。k-filter=“{field:'IsProgram',operator:'eq',value:'true'}”