knockout-mapping-plugin

I have a large, complex page that relies heavily on knockout.js. Performance is starting to become an issue but examining the call stack and trying to find the bottlenecks is a real challenge. I noticed in another question ( Knockout.js -- understanding foreach and with ) that the accepted answer has the comment: ...and I suggest not using with where high performance is necessary because of the overhead... Assuming the statement is true, this is really useful stuff to know and I have not found a source for such performance tips. Therefore, my question is: Are there general guidelines / top

I have this code: var attachmentsModel = { convAttachments: ko.mapping.fromJS([]) }; $(function() { ko.applyBindings(attachmentsModel) refreshConvAttachments(); }); function refreshConvAttachments() { $.ajax({ url: '/xxxxxxx/', success: function (dataJS) { // Send KO the data ko.mapping.updateFromJS(attachmentsModel.convAttachments, dataJS); } }); } The AJAX call above returns: [{ "title": "BillGates", "added_by": "xxx", "thumb": "urlhere", "id": 410, "link": "/link/410", "added_on": "2011-02-22T12:57:09-08:00" }, { "title": "biz-stone", "added_by": "xxx", "urlhere", "id": 411, "link": "/link

I have a view-model where some properties values available for selection are dictated by other properties, this is set via the requires field: var clusterOptions = [{ name: "None", sku: "0", price: 0, }, { name: "Standard MySQL Cluster", sku: "4101", requires: ["MySQL1"], price: 10, }, { name: "Enterprise MS SQL Cluster", sku: "4102", requires: ["402"], price: 5, }, { name: "NoSQL Sharding", sku: "4103", requires: ["403","404"], price: 10, }]; The code works (you can see how clicking different options changes dependent options database and database clustering ): http://jsfiddle.net/g18c/DTdyM/

I'm confused as to when and where I should declare my viewModel when using the mapping plugin. Here's my json file: { "members": [ { "memberid": "001", "membername": "Jason" }, { "memberid": "002", "membername": "Bob" } ] } Here's the html template: <div data-bind="foreach: members"> <h3 data-bind="text: memberid"></h3> <p>Name: <span data-bind="text: membername"></span></p> </div> Here is the rest: var data = $.getJSON("members.json",function(data) { var viewModel = ko.mapping.fromJSON(data); ko.applyBindings(viewModel); } ); ko.mapping.fromJSON(data, viewModel); Thanks in advance for your

im following this example http://jsfiddle.net/rniemeyer/badZb/ . I just copy and paste the exact code into a sample application and it gave me this error : "ko.mapping is undefined" . Anyone know whats happening? My ko.observable and dependentObservable are working great, is just that ko.mapping is not working. FYI : The knockout.js version is 2.0 and Jquery 1.7.1 As the mapping plugin is exactly that, a plugin , it is not included in the core library. You need to include the mapping plugin separately. You can find it on GitHub . Just make sure you include it after including the core Knockout

I am creating a guest list app using Knockout.js, and so far things are going swimmingly. However I have a best-practices question. My app has several different types of objects: guests and tags among them. Guests can have multiple tags, and tags can have multiple guests. At different points in the app, I need to display both arrays individually. For example, I have a "Guests" view where one can see all the guests along with their associated tags, and I also have a "Tags" view where one can see all tags and their associated guests. At present, the code for me to add a tag to a guest looks