knockout-mapping-plugin

I'm trying to attach validation to a mapped view. I'm using Knockout Mapping and Validation plugins. Pseudo-models: Person { int Id; string Name; Book[] Books; } Book { int Id; string Name; } Javascript: function viewModel() { var self = this; self.persons = ko.observableArray(); // persons are retrieved via AJAX... ko.mapping.fromJS(persons, {}, self.persons); } jQuery(function( $ ) { ko.applyBindings(new viewModel()); }); How can I extend persons observableArray to set validation rules and message? I need to validate both persons and books sub-array properties. I've found only examples that

Is there any way in Knockoutjs binding where I can specify optionsGroup ? something like follwoing <select data-bind="options: collection, optionsText: 'Text', optionsGroup: 'Group'/> Please do reply. I got the answer of the same, here is the answer if anybody wants, <td><select class="fieldValue" data-bind="foreach: $root.AvailableFields, value: FieldId, event :{ change: $root.onFieldSelectionChange}"> <optgroup data-bind="attr: {label: FieldGroupName}, foreach: Fields"> <option data-bind="text: HeaderText, value: FieldId"></option> </optgroup> </select> </td> In many cases, you don't need

What is the standard way of loading mapping plugin in require.js ? Below is my config.js (require.js config file) require.config({ // Initialize the application with the main application file. deps: ["app"], paths:{ // JavaScript folders. libs: "lib", plugins: "lib/plugin", templates: "../templates", // Libraries. jquery: "lib/jquery-1.7.2.min", underscore: "lib/lodash", text: 'text', order: 'order', knockout: "lib/knockout", knockoutmapping: "lib/plugin/knockout-mapping" }, shim:{ underscore:{ exports: '_' }, knockout:{ deps: ["jquery"], exports: "knockout" } } } In my view model define([

Using the knockout mapping plugin ( http://knockoutjs.com/documentation/plugins-mapping.html ) can you map a deeply hierachical object? If I have an object with multiple levels: var data = { name: 'Graham', children: [ { name: 'Son of Graham', children: [ { name: 'Son of Son of Graham', children: [ { ... and on and on.... } ] } ] } ] } How do I map it to my custom classes in javascript: var mapping = { !! your genius solution goes here !! !! need to create a myCustomPerson object for Graham which has a child myCustomerPerson object !! containing "Son of Graham" and that child object contains a

I am using Knockout.js as a MVVM library to bind my data to some pages. I'm currently building a library to make REST calls to a web service. My RESTful web service returns a simple structure: { id : 1, details: { name: "Johnny", surname: "Boy" } } I have an observable main parent, myObject . When I do myObject(ko.mapping.fromJS(data)) the observables in myObject are: id name surname How can I make details (and theoretically any object in the structure an observable)? I need this behavior so that i can set a computed observable on details and get noticed as soon as any of the internal data

We are using knockout and the knockout mapping plugin to facilitate databinding in our jQTouch web application. The reason we use the mapping plugin, is to be able to use knockout without the need to define/change viewmodels manually in javascript. The mapping plugin works great when you have an initial load of data from the server/client side database. The problem we are having is that we have some screens/views which have a form in which it is possible that there isn't any initial data. Without this initial data, the mapping plugin can't 'generate' the viewmodel (ko.mapping.fromJS). This