add ArrayInput demo

2011-11-30 15:32:12 +01:00 · 2011-11-30 15:32:12 +01:00 · a6d4734bb3
commit a6d4734bb3
parent 7633de3958
2 changed files with 35 additions and 0 deletions
--- a/demos/arrayinput/index.html
+++ b/demos/arrayinput/index.html
@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>OxJS ArrayInput Demo</title
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+        <script type="text/javascript" src="../../dev/Ox.js"></script>
+        <script type="text/javascript" src="js/arrayinput.js"></script>
+    </head>
+    <body>
+    </body>
+</html>
--- a/demos/arrayinput/js/arrayinput.js
+++ b/demos/arrayinput/js/arrayinput.js
@ -0,0 +1,24 @@
+Ox.load('UI', function() {
+
+    var $arrayInput = Ox.ArrayInput({
+            label: 'ArrayInput',
+            max: 3,
+            value: ['foo', 'bar']
+        })
+        .css({margin: '16px'})
+        .appendTo(Ox.$body);
+
+    Ox.Button({
+            title: 'Reset'
+        })
+        .css({marginLeft: '16px'})
+        .bindEvent({
+            click: function() {
+                $arrayInput.options({
+                    value: ['foo', 'bar']
+                });
+            }
+        })
+        .appendTo(Ox.$body)
+ 
+});