jquery - 剣道グリッドで行を追加/挿入する方法は?

Question

これはとにかく、バインドされたデータソースが変更されたときに剣道グリッドに行を追加/挿入することですか(挿入/削除/追加)

Answer 1

ワーキングデモはこちら http://jsfiddle.net/VMrqS/

またはこれhttp://jsfiddle.net/D3rSk/7/

このデモのリンクを読んで参考にしました: http ://www.kendoui.c​​om/documentation/ui-widgets/grid/walkthrough.aspx

これは、新しい行の追加または削除の例を示しています。

コード

                $(document).ready(function() {
                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
                            },
                            schema: {
                                model: {
                                    fields: {
                                        OrderID: { type: "number" },
                                        Freight: { type: "number" },
                                        ShipName: { type: "string" },
                                        OrderDate: { type: "date" },
                                        ShipCity: { type: "string" }
                                    }
                                }
                            },
                            pageSize: 10,
                            serverPaging: true,
                            serverFiltering: true,
                            serverSorting: true
                        },
                        height: 250,
                        filterable: true,
                        sortable: true,
                        pageable: true,
                        columns: [{
                                field:"OrderID",
                                filterable: false
                            },
                            "Freight", {
                                field: "OrderDate",
                                format: "{0:MM/dd/yyyy}"
                            },
                            "ShipName",
                            "ShipCity",
                            { command: "destroy", title: " ", width: "110px"}
                           ]

                    });
                });
​