kendo-ui - 基于选中事件的 KendoChart 过滤无法正常工作

Question

我正在使用 Kendo 控件做一个项目，我的应用程序中有 Kendo 图和带有复选框的 Treeview 。我的要求是根据 Treeview 中选中的事件过滤 Kendo 图。这里只有 2 个复选框一次选择。在页面加载时，图表中只会显示 2 个项目。

我的 fiddle 是 http://jsfiddle.net/RHh67/73/

我关于更改事件代码的 Treeview 是

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

Answer 1

您需要从文本节点中删除多余的空格...在 trim 处理函数上计算 nodeText 时尝试添加 change:

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