4

私は剣道UIグリッドを使用しています。これは私のコードです：

<body>
<div id="myGrid"></div>

<script type="text/javascript">
$(function(){
    var rows =  [
    {name: "name001", id: "001", group: "G1"},
    {name: "name002", id: "002", group: "G1"},
    {name: "name003", id: "003", group: "G2"},
    {name: "name004", id: "004", group: "G2"},
    ];

    var myDataSource =
        new kendo.data.DataSource({
            data: rows,
            pageSize: 3,
        });

    myDataSource.read();
    $("#myGrid").kendoGrid({
        dataSource: myDataSource,
        columns: [
            {field:"name", title:"The Name"},
            {field:"id", title:"The Id"},
            {field:"group"},
            {command:["edit", "destroy"]}
            ],
        scrollable: false,
        pageable: true,
        sortable: true,
        groupable: true,
        filterable: true,
        editable: "inline"
    });

});
</Script>
</body>

しかし、編集は機能していません。このグリッドをブラウザで開くと、[編集]ボタンと[削除]ボタンで期待どおりのグリッドが表示されます。[削除]ボタンで行を削除できます。ただし、[編集]をクリックすると、行が編集モード（セルに入力フィールドがある）に変更されますが、値を変更して[更新]ボタンを押しても何も起こりません。行は編集モードのままであり、[更新]ボタンは想定どおりに[編集]に戻りません。何が足りないのか教えていただけますか？どういうわけかデータソースを構成する必要がありますか？

4

1 に答える 1

9

はい、レコードを更新する方法を知るためにグリッドのdataSourceを構成するのを忘れました。レコードをサーバーに送信せずに、ローカル（クライアント上）でのみ編集したいとします。実際にグリッドを閉じて変更を適用するには、グリッドの保存イベントと更新メソッドを使用できます。

これがあなたのケースのjsbinです。

これらの変更をサーバーに保存する場合は、デモから始めることをお勧めします。

于 2012-11-08T20:43:18.543 に答える