MICROSOFT_PRESS_EBOOK_PROGRAMMING_WINDOWS_8_APPS_WITH_HTML_CSS_AND_JAVASCRIPT_PDF

This will update the target property:
Here’s how we’d then create and use a reusable class for an observable object (Test 4 in the
BindingTests example). Notice the object we pass to WinJS.Binding.define contains property names,
but no values (they’ll be ignored):
WinJS.Namespace.define("LoginData", {
//...
//LoginClass becomes a constructor for bindable objects with the specified properties
LoginClass: WinJS.Binding.define({name: "", id: "", photoURL: "", userType: "" }),
});
With that in place, we can create an instance of that class, initializing desired properties. In this
example, we’re using a different picture and leading userType uninitialized:
var login4 = new LoginData.LoginClass({ name: "liamb",
photoURL: "http://www.kraigbrockschmidt.com/images/Liam08.jpg" });
Binding to this login object, we’d see that the username initially comes out black.
//Do the binding (initial color of name would be black)
WinJS.Binding.processAll(document.getElementById("loginDisplay"), login4);
Updating the userType property in the source (as below) would then cause an update the color of
the target property, which happens through the converter automatically:
login4.userType = "kid";
174