Kendo ui 带布尔值的剑道网格过滤器模式行
我有一个剑道网格,其中包含Kendo ui 带布尔值的剑道网格过滤器模式行,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我有一个剑道网格,其中包含布尔类型的数据。 我使用过滤模式“行” 我使用组合框作为过滤器,如下所示: filterable: { cell: { template: function (args) { args.element.kendoComboBox({ valuePrimitive: true, dataSource: [ { text: "No", value: "false" }, { t
布尔类型的数据。
我使用过滤模式“行”
我使用组合框
作为过滤器,如下所示:
filterable: {
cell: {
template: function (args) {
args.element.kendoComboBox({
valuePrimitive: true,
dataSource: [
{ text: "No", value: "false" },
{ text: "Yes", value: "true" },
{ text: "All", value: "all" }
],
dataTextField: "text",
dataValueField: "value"
});
},
operator: "eq",
showOperators: false
}
}
dojo示例:
我不想用
filterable: {
messages:
{
isTrue: "Oui",
isFalse: "Non"
}
}
我想使用复选框或单选按钮,因为它更漂亮
而且更合适
有样品吗?想法?您可以将自定义过滤器与您想要的任何元素一起使用。元素的onChange事件触发过滤器:
以下是一个例子:
$('#yourRadio').change(function (ev) {
var grid = $('#grid').data('kendoGrid');
var field = 'Locked';
var operator = 'contains';
var value = this.value;
grid.dataSource.filter({
field: field,
operator: operator,
value: value
});
});
您还可以使用CSS取消激活或删除网格头部的过滤器
th [role="listbox"] {
visibility: hidden;
}
thead {
visibility: hidden;
display: none;
}
可以将自定义过滤器与所需的任何图元一起使用。元素的onChange事件触发过滤器:
以下是一个例子:
$('#yourRadio').change(function (ev) {
var grid = $('#grid').data('kendoGrid');
var field = 'Locked';
var operator = 'contains';
var value = this.value;
grid.dataSource.filter({
field: field,
operator: operator,
value: value
});
});
您还可以使用CSS取消激活或删除网格头部的过滤器
th [role="listbox"] {
visibility: hidden;
}
thead {
visibility: hidden;
display: none;
}
Kendo提供了一个自动布尔过滤器,您只需通过在数据源中指定它来告诉它“locked”是一个布尔值:
完整样本如下:
现在,这个过滤器是否是你想要的(它是两个单选按钮)是一个用户体验问题,而不是剑道问题。我建议不要选中一个复选框,因为不清楚未选中的状态是指“未过滤”还是“过滤错误”。您的组合框是一个很好的解决方案,因为它有3个清晰和不同的状态 Kendo提供了一个自动布尔过滤器,您只需在数据源中指定“locked”(锁定)是一个布尔值:
完整样本如下:
现在,这个过滤器是否是你想要的(它是两个单选按钮)是一个用户体验问题,而不是剑道问题。我建议不要选中一个复选框,因为不清楚未选中的状态是指“未过滤”还是“过滤错误”。您的组合框是一个很好的解决方案,因为它有3个清晰和不同的状态 你能给我们一个完整的小提琴或道场可验证的例子吗?给你,你能给我们一个完整的小提琴或道场可验证的例子吗?给你,你还好,谢谢我没有看到过滤器清除时单选按钮被取消选中谢谢我没有看到过滤器清除时单选按钮被取消选中