loaderClass
Infragistics Loader はページで JavaScript およびカスケード スタイル シート ファイルを非同期で読み込むクラス コンポーネントです。ローダー API は、リソース、JavaScript パス、カスケード スタイル シート パスおよび優先テーマの構成を提供します。このコントロールは、ロケールを自動的に検出できます。または優先のロケールおよび領域設定を手動で設定できます。すべての必要とされるスクリプトが読み込まれ使用する準備が整った後で、コールバック関数が呼び出されます。これによってリソースがページで使用可能となった時をスクリプトは確実に知ることができます。
以下のコード スニペットは Infragistics Loader コントロールを初期化する方法を示します。
この API を使用して開始する方法の詳細を表示するには、ここをクリックしてください。Infragistics Loader コントロールのために必要とされるスクリプトを参照する方法の詳細は、Infragistics Loader の使用をお読みください。
コード サンプル
<!doctype html><html><head> <!-- jQuery Core --> <script src="js/jquery.js" type="text/javascript"></script> <!-- jQuery UI --> <script src="js/jquery-ui.js" type="text/javascript"></script> <!-- Infragistics Loader Script --> <script src="js/infragistics.loader.js" type="text/javascript"></script> <script src="js/adventureWorks.min.js" type="text/javascript"></script> <!-- Infragistics Loader Initialization --> <script type="text/javascript"> $.ig.loader({ scriptPath: "js/", cssPath: "css/", resources: "igGrid.Sorting" }); $(function () { $("#grid1").igGrid({ autoGenerateColumns: false, columns: [ { headerText: "Product ID", key: "ProductID", dataType: "number" }, { headerText: "Product Name", key: "Name", dataType: "string" }, { headerText: "Product Number", key: "ProductNumber", dataType: "string" }, { headerText: "Standard Cost", key: "StandardCost", dataType: "number" } ], dataSource: adventureWorks, height: "400px", features: [{ name: "Sorting", type: "local", mode: "multiple" }] }); }); </script></head><body> <table id="grid1"></table></body></html> |