Bind Agility Object to DOM element in page

[mahadevan-k]

Would be awesome if I could bind an agility object to an existing element on the page. e.g.

.....

var menu=$$({},$('.menu'),{}) ;

How can we achieve this?

[gaby64]

change render in view object to

render: function(){ if(typeof this.view.format != 'string') { this.view.$root = this.view.format; this.view.format = this.view.format.html(); } else if (this.view.$root.size() === 0) { this.view.$root = $(this.view.format); } else { this.view.$root.html( $(this.view.format).html() ); // can't overwrite $root as this would reset its presence in the DOM and all events already bound, and } return this; }

and change

if (typeof args[1] === 'object') { if(args[1].format) $.extend(object.view, args[1]); else object.view.format = args[1]; }

[mahadevan-k]

k, some basic stuff seem to work after a tweak to handle empty objects passed as the 'view' argument in the $$ constructors.

In render function:

if(typeof this.view.format != 'string' && !$.isEmptyObject(this.view.format)) { this.view.$root = this.view.format; this.view.format = this.view.format.html(); } else if (this.view.$root.size() === 0) { this.view.$root = $(this.view.format); }

and

if (typeof args[1] === 'object') { if(args[1].format || $.isEmptyObject(args[1])) $.extend(object.view, args[1]); else object.view.format = args[1]; }

Will check more thoroughly as I implement code using the tweak.

[mahadevan-k]

The view binding works great.

But if I did something like

<div class="agility article"><p data-bind="content">Lorem Ipsum</p>

And create the agility object using the above code, the model doesn't reflect the values, i.e.

article.model.get("content") is undefined

Is there a way to load the model from the DOM when the object is initialized?