ig.DataSchema

ig.DataSchema_image

DataSchema コンポーネントは DataSource の Array、JSON および Xml データ オブジェクトの変換を処理します。他のデータ タイプは、DataSource 自身が最も適切に処理できます。DataSchema コンポーネントのその他の例は、DataSource API マニュアルを参照してください。この API のクラス、オプション、イベント、メソッドおよびテーマの詳細については、上記の関連するタブを参照してください。

以下のコードは、DataSchema コントロールの初期化方法を示します。

この API を使用した作業方法の詳細についてはここをクリックしてください。DataSchema コントロールの必要なスクリプトおよびテーマを参照する方法については、 「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 ds, render, products, arraySchema;
            render = function (success, error) {
                if (success) {
                    var resultHtml = $.ig.tmpl("<tr><td>${ProductID}</td><td>${Name}</td><td>${ProductNumber}</td></tr>", ds.dataView());
                    $("#table").html(resultHtml);
 
                } else {
                    alert(error);
                }
            };
 
            products = [
                {
                    "ProductID": 1,
                    "Name": "Adjustable Race",
                    "ProductNumber": "AR-5381"
                },
                {
                    "ProductID": 2,
                    "Name": "Bearing Ball",
                    "ProductNumber": "BA-8327"
                }
            ];
      
            arraySchema = new $.ig.DataSchema("array", {
                fields: [{
                    name: "ProductID",
                    type: "number"
                }, {
                    name: "Name",
                    type: "string"
                }, {
                    name: "ProductNumber",
                    type: "string"
                }]
            });
      
            $(function () {
                ds = new $.ig.DataSource({
                    dataSource: products,
                    callback: render,
                    schema: arraySchema
                });
      
                ds.dataBind();
            });
        </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.