基于检查事件的KendoChart过滤不能正常工作
问题描述:
我正在做一个项目使用kendo控件,我有我的应用程序中的复选框的剑道图和树视图。我的要求是过滤基于在树形视图中检查事件。在这里,一次只选择2个复选框。在页面加载时,图表中只显示2个项目。基于检查事件的KendoChart过滤不能正常工作
我的小提琴是http://jsfiddle.net/RHh67/73/
我上改变事件代码树视图是
$("#treeview").on("change", function (e) {
var chart = $("#myChart").data("kendoChart");
var checkedSeries = [];
$("#treeview").find(":checked").each(function() {
var nodeText = $(this).parent().parent().text();
$.each(series, function(index, series) {
if (series.field == nodeText) {
checkedSeries.push(series);
}
});
});
chart.options.series = checkedSeries;
chart.refresh();
});
答
你需要从你的文本节点删除多余的空格...尝试添加trim
当你在change
处理器计算nodeText
功能:
var nodeText = $(this).parent().parent().text().trim();
谢谢它的工作,但在页面加载所有的数据显示,我想只显示2 v页面载入中的图表中的alues(正在检查中)?? – user2159515 2013-03-19 08:57:30
请检查您在原始问题中发布的小提琴。它还显示所有系列,不需要使用'.trim()'。 – OnaBai 2013-03-20 09:31:45