<app:message
name="l:load"
args="{person: {first_name: 'Joe', last_name: 'Smith'}}">
</app:message>

<div fieldset="user_info" on="l:load then bind[person]">
<input fieldset="user_info" name="first_name" />
<input fieldset="user_info" name="last_name" />
</div>


Nice elegant client-side binding for JSON. Love it!

Appcelerator uses this same concept, but in a declarative format.

Note the JSON message (l:load) could be generated from either the client (as shown for illustration) or the server (more likely). The fieldset allows me to selectively bind only some form elements if I prefer.

Appcelerator uses this same concept, but in a declarative format. Note the JSON message (l:load) could be generated from either the client (as shown for illustration) or the server (more likely). The fieldset allows me to selectively bind only some form elements if I prefer.

Anyway, I read through some of your writings on type checking and if I end up needing that code I’ll likely adopt much of what you’ve talked about.

It’s not a matter of the code being ‘pretty’.
-
Placing target in makes typeof appear to be a function call. That is not the bug. That would be a ‘pretty’ issue.
-
The bug is in the second line of code:


return t == "string" || t == "number" || t == "date" || t == "boolean"


-
The typeof operator won’t return “date” for a built-in, in any browser. If a browser were to return “date” for typeof on a built-in, that would be a bug. It would, however, be possible for a browser to return “date” for a Host object. If this were to happen — and I have never observed this behavior — then _isBuiltinType would return true.
-
The typeof operator gets used further down. Using typeof property != "function" will determine that property is not (a built-in object that implements [[Call]]), though it may or may not be a Host object.
-
I would suggest removing the method _isBuiltinType and changing your approach entirely.

If you have suggestions for how to do things better by all means share them.

http://js-binding.googlecode.com/svn/trunk/src/js/binder.js


var _isBuiltinType = function( obj ) {
var t = typeof( target );
return t == "string" || t == "number" || t == "date" || t == "boolean"
};


The serialize() method is also broken.

Garrett

So that the binding is specified in the html, similar to how Flex does it with MXML. I wish I had time to open source the code, but its all internal use right now. Great to see it becoming a prevalent concept in other js frameworks.