Merge pull request #63 from MayaKirova/bug-245365

mpavlinov · web-flow · commit 3d95bff809a1 · 2017-11-08T14:27:06.000+02:00
Fix for bug 245365: ARD sample cannot load
diff --git a/HTMLSamples/grid/append-rows-on-demand.html b/HTMLSamples/grid/append-rows-on-demand.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+﻿<!DOCTYPE html>
 <html>
 <head>
     <title>$$(Title_append-rows-on-demand)</title>
@@ -17,6 +17,8 @@
 
     <script src="%%jsrender%%" type="text/javascript"></script>
 
+	<script src="../../../../data-files/adventureworks.min.js"></script>
+
     <style type="text/css">
         .tweet-user {
             font-size: 14px;
@@ -78,39 +80,23 @@ <h3>$$(AppendRowsOnDemand_Button_Caption)</h3>
             }
         });
 
-        //Hide the button after all data is loaded.
-        $(document).delegate("#buttonAppendRowsOnDemand", "iggridrendered", function (evt, ui) {
-            $("#buttonAppendRowsOnDemand_loadMoreButton").click(function () {
-                var totalRecCount = $("#buttonAppendRowsOnDemand").data("igGrid").dataSource.totalRecordsCount();
-                var currentRecCount = $("#buttonAppendRowsOnDemand").data("igGrid").dataSource.totalLocalRecordsCount();
-                var chunkSize = $("#buttonAppendRowsOnDemand").igGridAppendRowsOnDemand("option", "chunkSize");
-                    if (totalRecCount <= currentRecCount + chunkSize) {
-                        $("#buttonAppendRowsOnDemand_loadMoreButton").hide();
-                    }
-            });
-        });
-
         $('#autoAppendRowsOnDemand').igGrid({
-            dataSource: 'https://www.igniteui.com/api/tweets?callback=?',
-            responseDataKey: 'd.results.Records',
-            autoGenerateColumns: false,
+        	dataSource: adventureWorks,
+        	autoGenerateColumns: false,
+        	columns: [
+				{ headerText: "$$(AdventureWorks_Products_Name)", key: "Name", dataType: "string", width: "20%" },
+				{ headerText: "$$(AdventureWorks_Products_ProductNumber)", key: "ProductNumber", dataType: "string", width: "20%" },
+				{ headerText: "$$(AdventureWorks_Products_MakeFlag)", key: "MakeFlag", dataType: "bool", width: "10%" },
+				{ headerText: "$$(AdventureWorks_Products_ReorderPoint)", key: "ReorderPoint", dataType: "number", width: "10%" },
+				{ headerText: "$$(AdventureWorks_Products_SellStartDate)", key: "SellStartDate", dataType: "date", width: "15%" }
+			],
             enableUTCDates: true,
-            columns: [
-                {
-                    unbound: true,
-                    key: 'Tweets',
-                    headerText: 'Infragistics Tweets',
-                    template: '<div style=\'float:left\'><img src=\'../../images/ig_twitter_logo.png\' ></img></div><div class=\'tweet\'><p style=\'height:20px\'><span class=\'tweet-user\'>{{>User.Name}}</span><span class=\'tweet-screen-name\'>@{{>ScreenName}}</span><span class=\'tweet-date\'>{{>#view.hlp(\'formatDate\')(CreatedAt)}}</span></p><p class=\'tweet-text\'>{{>Text}}</p></div>'
-                }
-            ],
             features: [
                 {
-                    recordCountKey: 'd.results.TotalRecordsCount',
                     chunkIndexUrlKey: 'page',
                     chunkSizeUrlKey: 'pageSize',
                     name: 'AppendRowsOnDemand',
-                    loadTrigger: 'auto',
-                    type: 'remote'
+                    loadTrigger: 'auto'
                 }
             ],
             width: '100%',
@@ -119,26 +105,22 @@ <h3>$$(AppendRowsOnDemand_Button_Caption)</h3>
         });
 
         $('#buttonAppendRowsOnDemand').igGrid({
-            dataSource: 'https://www.igniteui.com/api/tweets?callback=?',
-            responseDataKey: 'd.results.Records',
+        	dataSource: adventureWorks,
             autoGenerateColumns: false,
             enableUTCDates: true,
             columns: [
-                {
-                    unbound: true,
-                    key: 'Tweets',
-                    headerText: 'Infragistics Tweets',
-                    template: '<div style=\'float:left\'><img src=\'../../images/ig_twitter_logo.png\' ></img></div><div class=\'tweet\'><p style=\'height:20px\'><span class=\'tweet-user\'>{{>User.Name}}</span><span class=\'tweet-screen-name\'>@{{>ScreenName}}</span><span class=\'tweet-date\'>{{>#view.hlp(\'formatDate\')(CreatedAt)}}</span></p><p class=\'tweet-text\'>{{>Text}}</p></div>'
-                }
-            ],
+				{ headerText: "$$(AdventureWorks_Products_Name)", key: "Name", dataType: "string", width: "20%" },
+				{ headerText: "$$(AdventureWorks_Products_ProductNumber)", key: "ProductNumber", dataType: "string", width: "20%" },
+				{ headerText: "$$(AdventureWorks_Products_MakeFlag)", key: "MakeFlag", dataType: "bool", width: "10%" },
+				{ headerText: "$$(AdventureWorks_Products_ReorderPoint)", key: "ReorderPoint", dataType: "number", width: "10%" },
+				{ headerText: "$$(AdventureWorks_Products_SellStartDate)", key: "SellStartDate", dataType: "date", width: "15%" }
+			],
             features: [
                 {
-                    recordCountKey: 'd.results.TotalRecordsCount',
                     chunkIndexUrlKey: 'page',
                     chunkSizeUrlKey: 'pageSize',
                     name: 'AppendRowsOnDemand',
-                    loadTrigger: 'button',
-                    type: 'remote'
+                    loadTrigger: 'button'
                 }
             ],
             width: '100%',
