1 
<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 で剣道グリッドとチャートを統合する方法に苦労しています。

HTML5初心者です。

グリッド内の値をフィルタリングする必要があり、フィルタリングされた値に基づいてグラフを更新する必要があるためです。

4

2 に答える 2

0

まずグリッドを初期化して、検索した内容をテキストボックスに表示できますか? グリッドに変更イベントを書き込み、値を取得します。change 関数では、チャートを初期化して更新します。

于 2013-01-02T12:41:15.403 に答える
0

共有 DataSource を使用する必要があります。このデモを確認してください。

于 2013-01-01T11:17:48.640 に答える