ig.RESTDataSource

ig.RESTDataSource_image

RESTDataSource コンポーネントは基本の DataSource から継承し、REST サポートを提供するために拡張します。RESTDataSource コンポーネントは HTTP 動詞を使用してデータを取得します。saveChanges メソッドを呼び出したときに、RESTDataSource コンポーネントは要求をシリアル化して、動詞タイプによってグループ化し、batch が true に設定する場合に全体を送信するか、batch が false に設定する場合にエンティティ部分として送信します。JSON シリアル化は要求のデフォルト書式です。他の書式をサポートするために、contentSerializer 関数を実装します。

この API のクラス、オプション、イベント、メソッド、およびテーマの詳細は、上記の関連するタブの下に表示されます。

次のコード スニペットは $.ig.RESTDataSource コンポーネントの初期化方法を示しています。

igGrid コントロールに必要なスクリプトおよびテーマの参照方法についての詳細は、 Ignite UI での JavaScript リソースの使用および Ignite UI のスタイルとテーマの設定をお読みください。

コード サンプル

<!doctype html>
<html>
<head>
    <!-- Infragistics Combined CSS -->
    <link href="css/themes/infragistics/infragistics.theme.css" rel="stylesheet" type="text/css" />
    <link href="css/structure/infragistics.css" rel="stylesheet" type="text/css" />
    <!-- jQuery Core -->
    <script src="js/jquery.js" type="text/javascript"></script>
    <!-- jQuery UI -->
    <script src="js/jquery-ui.js" type="text/javascript"></script>
    <!-- Infragistics Combined Scripts -->
    <script src="js/infragistics.core.js" type="text/javascript"></script>
    <script type="text/javascript">
        var products = [];
         
        products[0] = {
            "ProductID": 1,
            "Name": "Adjustable Race",
            "ProductNumber": "AR-5381"
        };
        products[1] = {
            "ProductID": 2,
            "Name": "Bearing Ball",
            "ProductNumber": "BA-8327"
        };
         
        $(function () {
            var ds = new $.ig.RESTDataSource({
                dataSource: products,
                primaryKey: "ProductID",
                restSettings: {
                    create: {
                        url: "/api/customers/",
                        batch: true
                    },
                    update: {
                        url: "/api/customers/",
                        batch: true
                    },
                    remove: {
                        url: "/api/customers/",
                        batch: true
                    }
                }
            });
             
            ds.dataBind();
            // POST
            ds.addRow(3, {"ProductID": 3, "Name": "BB Ball Bearing", "ProductNumber": "BE-2349"}, true);
            // DELETE
            ds.deleteRow(1, true);
            // PUT
            ds.updateRow(2, {"Name": "Ball Bearing", "ProductNumber": "BE-8329"}, true);
             
            ds.saveChanges();
        });
    </script>
</head>
<body>
    <table id="table"></table>
</body>
</html>

関連サンプル

関連トピック

依存関係

jquery-1.9.1.js
infragistics.util.js
infragistics.util.jquery.js

Copyright © 1996 - 2025 Infragistics, Inc. All rights reserved.