Demos/ObservableHash.js @@ -4,22 +4,16 @@ <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>ObservableHash</title> + <style type="text/css" media="screen"> + textarea{width:520px;height:340px;} + </style> </head> <body> -<p> - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -</p> - <script type="text/javascript" src="mootools.js"> </script> +<script src="../Source/Plugins/HashClass.js" type="text/javascript" charset="utf-8"></script> +<script src="../Source/Plugins/ObservableData.js" type="text/javascript" charset="utf-8"></script> <script src="../Source/Plugins/ObservableHash.js" type="text/javascript" charset="utf-8"></script> -<script type="text/javascript" charset="utf-8"> - -var myThing = new ObservableHash({ - option1: 1, - option8: true -}); - -</script> +<script src="ObservableHash.js" type="text/javascript" charset="utf-8"></script> </body> </html> Demos/ObservableHash.html @@ -18,13 +18,13 @@ var ObservableData = { if(this.get(key) == value) return this; + if(this.has && !this.has(key)) + this.fireEvent('add:'+key, [value, key]) + .fireEvent('add', [value, key]); + this.fireEvent('set:'+key, [value, key]) .fireEvent('set', [value, key]); - if(this.has && !this.has(key)) this - .fireEvent('add:'+key, [value, key]) - .fireEvent('add', [value, key]); - this.parent(key,value); return this; }, @@ -49,35 +49,32 @@ var ObservableData = { observeAdd: function(key,fn){ - if($type(key)!='function') return this; + if($type(key)=='function') + return this.addEvent('add', key); - return this - .addEvent('add:'+key, fn) - .addEvent('add', key); + return this.addEvent('add:'+key, fn) }, observeGet: function(key,fn){ - if($type(key)!='function') return this; + if($type(key)=='function') + return this.addEvent('get', key); - return this - .addEvent('get:'+key, fn) - .addEvent('get', key); + return this.addEvent('get:'+key, fn) }, observeSet: function(key,fn){ - if($type(key)!='function') return this; + if($type(key)=='function') + return this.addEvent('set', key); - return this - .addEvent('set:'+key, fn) - .addEvent('set', key); + return this.addEvent('set:'+key, fn) }, observeErase: function(key,fn){ - if($type(key)!='function') return this; + if($type(key)=='function') + return this.addEvent('erase', key); - return this - .addEvent('erase:'+key, fn) - .addEvent('erase', key); + return this.addEvent('erase:'+key, fn) } + }; Source/Plugins/ObservableData.js 538c3e9ff075b2d58997bb54cd852a2e7cd16da2 Thomas Aylott oblivious+git@subtlegradient.com http://github.com/subtleGradient/mootools-data-binding/commit/139a0132866153045fb3fac706ae27b4340ed5c1 139a0132866153045fb3fac706ae27b4340ed5c1

2008-10-21T13:10:07-07:00

NEW DEMO! 7c1fa4d6cf590445bc4fbb8d13631bd795688955 Thomas Aylott oblivious+git@subtlegradient.com