knockout-mapping-plugin

I'm experiencing a strange problem with Knockout's mapping plug-in. If I fill an observable array through mapping I can't iterate the array or get its length, even though the UI is updated correctly, the array seems empty. You can find a working jsFiddle here: http://jsfiddle.net/VsbsC/ This is the HTML mark-up: <p><input data-bind="click: load" type="button" value="Load" /></p> <p><input data-bind="click: check" type="button" value="Check" /></p> <table> <tbody data-bind="foreach: items"> <tr> <td data-bind="text: name"></td> <td data-bind="text: value"></td> </tr> </tbody> </table> <p data

So I have a simple Signalr/Knockout project that uses the mapping plugin to bind a simple object (item with an array of more items) to viewModels I defined in JS: var someObjectMapping = { 'MyItemArray': { create: function (options) { return new MyItemViewModel(options.data); } } } var myItemMapping = { 'ItemChildren': { create: function (options) { return new ItemChildViewModel(options.data); } } } var SomeObjectViewModel = function (data) { ko.mapping.fromJS(data, someObjectMapping, this); } var MyItemViewModel = function (data) { ko.mapping.fromJS(data, myItemMapping, this); } var

I have an array of items coming back from the service. I'm trying to define a computed observable for every Item instance, so my instinct tells me to put it on the prototype. One case for the computed observable: the system calculates points, but the user can choose to override the calculated value. I need to keep the calculated value available in case the user removes the override. I also need to coalesce user-assigned and calculated points, and add up the totals. I'm using mapping to do the following: var itemsViewModel; var items = [ { 'PointsCalculated' : 5.1 }, { 'PointsCalculated' : 2.37

I get the following data from the server: var data = [{ id: 0, child: { prop1 : 'a', prop2 : 'b' } } //Child object has data ,{ id: 0, child: null } ]; // Child object is null I'm having some issues after I map the data using the knockout mapping plugin. The issue is that the inner child object is not of the same type. After executing this: ko.mapping.fromJS(data, viewModel.data); I get that the first object has a child property of type Object with the data. However the second object has a property child of type Observable that when it's unwrapped returns null. How can I make that in both

I have the following snippet JQuery inside an HTML file: $.getJSON("/events/", function (data) { viewModel = ko.mapping.fromJS(data); ko.applyBindings(viewModel); }); The code is executed when, for example, the user presses a button and returns JSON like: {"Events":[{"Name":"Event1"},{"Name":"Event2"},{"Name":"Event3"}]} This result is linked (using KnockoutJS ) to: <ul data-bind="foreach: Events"> <li><span data-bind="text: Name"></span></li> </ul> Everything works fine with the first call to $.GetJSON . I get what I want, which is (browser output): Event1 Event2 Event3 But in subsequent

I am trying to create view Models using KnockOut mapping plugin , This is the object , Basically below is a sentence with words in it. var data = { name: 'Example Title', sentences: [ {id: 1, words: [{text: 'word1'}, {text: 'word2'}]}, {id: 2, words: [{text: 'word3'}, {text: 'word4'}]} ]}; I would like to have three view Models , Article should contain sentences , an Sentence should contain words var ArticleViewModel = function(data) { var self = this; self.id = ko.observable(data.id); self.sentences = ko.observableArray([]); } var SentenceViewModel = function(data) { var self = this; self.id

I am using this Bootstrap DateTime Picker: http://eonasdan.github.io/bootstrap-datetimepicker/ I have created a Custom Binder for DateTime called datepicker: ko.bindingHandlers.datepicker = { init: function(element, valueAccessor, allBindingsAccessor) { //initialize datepicker with some optional options var options = allBindingsAccessor().datepickerOptions || {format: 'DD/MM/YYYY HH:mm'}; $(element).datetimepicker(options); //when a user changes the date, update the view model ko.utils.registerEventHandler(element, "dp.change", function(event) { var value = valueAccessor(); if (ko.isObservable

Most of Knockout seems very intuitive. One thing that is strange to me though is how the mapping plugin works. I was expecting/hoping I would be able to feed it JSON from an ajax call, and have a sort of "dynamic" view model that is available to reference in my HTML. The description of the mapping plugin even makes it sound like this is how it works: "If your data structures become more complex (e.g. they contain children or contain arrays) this becomes very cumbersome to handle manually. What the mapping plugin allows you to do is create a mapping from the regular JavaScript object (or JSON