2013-03-19 72 views
1

我正在做一个项目使用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(); 
}); 

回答

2

你需要从你的文本节点删除多余的空格...尝试添加trim当你在change处理器计算nodeText功能:

var nodeText = $(this).parent().parent().text().trim(); 
+0

谢谢它的工作,但在页面加载所有的数据显示,我想只显示2 v页面载入中的图表中的alues(正在检查中)?? – user2159515 2013-03-19 08:57:30

+0

请检查您在原始问题中发布的小提琴。它还显示所有系列,不需要使用'.trim()'。 – OnaBai 2013-03-20 09:31:45