Adding Combo JSON binding sample

damyanpetev · damyanpetev · commit a82ee2a1546b · 2017-02-21T18:59:23.000+02:00
diff --git a/HTMLSamples/combo/json-binding.html b/HTMLSamples/combo/json-binding.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>$$(Title_json-binding)</title>
+
+    <!-- Ignite UI Required Combined CSS Files -->
+    <link href="%%ignite-ui%%/css/themes/infragistics/infragistics.theme.css" rel="stylesheet">
+    <link href="%%ignite-ui%%/css/structure/infragistics.css" rel="stylesheet">
+
+    <script src="%%modernizr%%"></script>
+    <script src="%%jquery%%"></script>
+    <script src="%%jquery-ui%%"></script>
+
+    <!-- Ignite UI Required Combined JavaScript Files -->
+    <script src="%%ignite-ui%%/js/infragistics.core.js"></script>
+    <script src="%%ignite-ui%%/js/infragistics.lob.js"></script>
+
+</head>
+<body>
+
+    <div id="combo"></div>
+
+    <script>
+        $(function () {
+
+            var data = [
+                      { "ID":1, "Name": "John Smith", "Age": 45 },
+                      { "ID":2, "Name": "Mary Johnson", "Age": 32 },
+                      { "ID":3, "Name": "Bob Ferguson", "Age": 27 }
+                ];
+            
+            $("#combo").igCombo({
+                dataSource: data, //JSON Array defined above
+                valueKey: "ID",
+                textKey: "Name"
+            });
+        });
+    </script>
+
+</body>
+</html>
diff --git a/HTMLSamples/combo/strings-en.json b/HTMLSamples/combo/strings-en.json
@@ -7,6 +7,7 @@
   "Title_angular": "AngularJS",
   "Title_bind-combo-with-ko": "KnockoutJS Binding",
   "Title_html-binding": "HTML Binding",
+  "Title_json-binding": "JSON Binding",
   "Title_xml-binding": "XML Binding",
   "values": "Values"
 }
diff --git a/HTMLSamples/combo/strings-ja.json b/HTMLSamples/combo/strings-ja.json
@@ -7,6 +7,7 @@
   "Title_angular": "AngularJS との連携",
   "Title_bind-combo-with-ko": "KnockoutJS のバインド",
   "Title_html-binding": "HTML のバインド",
+  "Title_json-binding": "JSON のバインド",
   "Title_xml-binding": "XML のバインド",
   "values": "値"
 }

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,7 @@`
`7`	`7`	`"Title_angular": "AngularJS",`
`8`	`8`	`"Title_bind-combo-with-ko": "KnockoutJS Binding",`
`9`	`9`	`"Title_html-binding": "HTML Binding",`
	`10`	`+ "Title_json-binding": "JSON Binding",`
`10`	`11`	`"Title_xml-binding": "XML Binding",`
`11`	`12`	`"values": "Values"`
`12`	`13`	`}`
Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,7 @@`
`7`	`7`	`"Title_angular": "AngularJS との連携",`
`8`	`8`	`"Title_bind-combo-with-ko": "KnockoutJS のバインド",`
`9`	`9`	`"Title_html-binding": "HTML のバインド",`
	`10`	`+ "Title_json-binding": "JSON のバインド",`
`10`	`11`	`"Title_xml-binding": "XML のバインド",`
`11`	`12`	`"values": "値"`
`12`	`13`	`}`