Knockout now supports multiple model binding. The ko.applyBindings() method takes an optional parameter – the element and its descendants to which the binding will be activated. For example: ko.applyBindings(myViewModel, document.getElementById(‘someElementId’)) This restricts the activation to the element with ID someElementId and its descendants. See documentation for more details.
Please see: Knockout.js Performance Gotcha #2 – Manipulating observableArrays A better pattern is to get a reference to our underlying array, push to it, then call .valueHasMutated(). Now, our subscribers will only receive one notification indicating that the array has changed.
It looks like writing to the widget to .data(“dialog”) and then trying to operate on it is causing an issue. Here is a sample where .data is not used and the open/close is called based on the element: http://jsfiddle.net/rniemeyer/durKS/ Alternatively, I like to work with the dialog in a slightly different way. I like to … Read more
You have to adjust the maxJsonLength property to a higher value in web.config to resolve the issue. <system.web.extensions> <scripting> <webServices> <jsonSerialization maxJsonLength=”2147483644″/> </webServices> </scripting> </system.web.extensions> Set a higher value for aspnet:MaxJsonDeserializerMembers in the appSettings: <appSettings> <add key=”aspnet:MaxJsonDeserializerMembers” value=”150000″ /> </appSettings> If those options are not working you could try creating a custom json value provider … Read more
ko.cleanNode is used internally by Knockout to clean up data/computeds that it created related to the element. It does not remove any event handlers added by bindings or necessarily understand if a binding made changes to the DOM. This can definitely cause problems like having multiple handlers attached to an element when it is subsequently … Read more
Here is a jQuery UI Autocomplete binding that I wrote. It is intended to mirror the options, optionsText, optionsValue, value binding paradigm used with select elements with a couple of additions (you can query for options via AJAX and you can differentiate what is displayed in the input box vs. what is displayed in the … Read more
I’ve found some bugs and implemented arrays support: function resolveReferences(json) { if (typeof json === ‘string’) json = JSON.parse(json); var byid = {}, // all objects by id refs = []; // references to objects that could not be resolved json = (function recurse(obj, prop, parent) { if (typeof obj !== ‘object’ || !obj) // … Read more
You wont be able to do this from the client side because of the Same Origin Policy set by the browsers. You wont be able to get much information from the iFrame other than basic properties like its width and height. Also, google sets in its response header an ‘X-Frame-Options‘ of SAMEORIGIN. Even if you … Read more
ko.applyBindings accepts a second parameter that is a DOM element to use as the root. This would let you do something like: <div id=”one”> <input data-bind=”value: name” /> </div> <div id=”two”> <input data-bind=”value: name” /> </div> <script type=”text/javascript”> var viewModelA = { name: ko.observable(“Bob”) }; var viewModelB = { name: ko.observable(“Ted”) }; ko.applyBindings(viewModelA, document.getElementById(“one”)); ko.applyBindings(viewModelB, … Read more
I think that for the jQuery UI datepicker it is preferable to use a custom binding that will read/write with Date objects using the APIs provided by the datepicker. The binding might look like (from my answer here): ko.bindingHandlers.datepicker = { init: function(element, valueAccessor, allBindingsAccessor) { //initialize datepicker with some optional options var options = … Read more