Question

<input id="btnSearch" type="button" value="search" />
<div id="grid">


<div id="chart"/>

 $("#chart").kendoChart({});
var gridResult = $("#grid").kendoGrid({
dataSource: { data: database },
columns: [
    {
        field: "id",
        title: "ID"
    },
    {
        field: "x",
        title: "x"
    },
    {
        field: "y"
    },
    {
        field: "z"
    },
    {
        field: "p"
    }
]

}）;

$("#btnSearch").click(function () {
$filter = new Array();
$x = $("#txtSearch").val();
if ($x) {
    $filter.push({ field:"x", operator:"contains", value:$x});
}
  gridResult.data("kendoGrid").dataSource.filter($filter);

}）;

现在基于我在文本框中搜索的值，它出现在网格中，我在网格中得到的结果应该更新为图表。我正在努力解决如何在HTML5中集成Kendo网格和图表。

我是HTML5的新手，因为我知道银光。

因为我需要过滤网格中的值并根据过滤后的值来更新图表谢谢， KC

Answer 1

您应该使用共享的DataSource。请检查this demo。

Answer 2

首先初始化网格，你能够在文本框中显示搜索到的内容吗？你在网格中写下更改事件并获取值，在更改函数中，初始化图表并更新它。

如何整合剑道网格和图表

2 个答案: