From 43cfc1f0b58d1cb8fd3a43810061e500ce96cf9b Mon Sep 17 00:00:00 2001 From: rolux Date: Mon, 16 Jan 2012 14:05:41 +0530 Subject: [PATCH] add arrayeditable demo --- demos/arrayeditable/index.html | 11 +++++++++++ demos/arrayeditable/js/arrayeditable.js | 23 +++++++++++++++++++++++ 2 files changed, 34 insertions(+) create mode 100644 demos/arrayeditable/index.html create mode 100644 demos/arrayeditable/js/arrayeditable.js diff --git a/demos/arrayeditable/index.html b/demos/arrayeditable/index.html new file mode 100644 index 00000000..c49c54b3 --- /dev/null +++ b/demos/arrayeditable/index.html @@ -0,0 +1,11 @@ + + + + OxJS ArrayEditable Demo + + + + + + \ No newline at end of file diff --git a/demos/arrayeditable/js/arrayeditable.js b/demos/arrayeditable/js/arrayeditable.js new file mode 100644 index 00000000..89972e30 --- /dev/null +++ b/demos/arrayeditable/js/arrayeditable.js @@ -0,0 +1,23 @@ +Ox.load('UI', function() { + + var items = [ + {editable: true, value: 'The firefox. jumps over the lazy fox.'}, + {editable: true, value: 'The lazy fox jumps over the firefox.'} + ], + $box = Ox.Element() + .css({width: '256px', height: '512px', padding: '8px', background: 'rgb(224, 224, 224)'}) + .appendTo(Ox.$body), + $arrayEditableInput = Ox.ArrayEditable({ + items: items + }) + .css({background: 'rgb(240, 240, 240)', boxShadow: '0 0 1px black'}) + .appendTo($box), + $arrayEditableTextarea = Ox.ArrayEditable({ + items: items, + maxHeight: 256, + type: 'textarea' + }) + .css({marginTop: '8px', background: 'rgb(240, 240, 240)', boxShadow: '0 0 1px black'}) + .appendTo($box); + +}); \ No newline at end of file