knockout-2.0

问题 I have an observable array as below.. var myObservableArray = ko.observableArray(["Bungle","George","Zippy"]); I wish to copy the elements into another observable array but in the following format where type is always unknown.. var anotherObservableArray = ko.observableArray([ { name: "Bungle", type: "Unknown" }, { name: "George", type: "Unknown" }, { name: "Zippy", type: "Unknown" } ]); If the original myObservableArray changes, anotherObservableArray also needs to change. Any help is

问题 I have a strange problem while using Durandal/Knockout. In some cases the binding doesn't work properly. I've simplified my situation which came in this question. I'm setting composition info somewhere in my code like: compositionInfo({ model: viewModelInstance, view: viewName, activate: viewModelInstance.activate }); And this is my view: <div id="service-container" data-bind="compose: { model: compositionInfo().model, view: compositionInfo().view, activate: compositionInfo().activate}"> At

问题 ko.components.register("toast-container", { viewModel: ToastViewModel, template: '<div data-bind="foreach: array1"><div data-bind="text:someText"> </div></div>' }); function ToastViewModel(params) { var self = this; self.array1 = ko.observableArray(); self.Onclick = function () { self.array1.push({ someText: "some content" }); } } $(function () { ko.applyBindings(new ToastViewModel()); }); When i push some content in array1 dynamically, the UI is not updating. Please help me. 回答1: Check this:

问题 I am using the Knockout js in my single page Application,I need to carry the value of one viewmodel data to another viewModel data,So i can reduce my duplication creating same view, How i can achieve this below is my code.I got 2 different js file,which one consist of Employee ViewModel and in another Department View Model //Employee View <div class="Employee-view" data-role="view" id="employee"> <div data-role="content" > <ul> <li foreach:EmployeeData> //Onlcick of this need to navigate to

问题 Is it possible to see all extenders and bindings attached to an observable within Knockout JS? Sample View Model: var viewModel = function(){ var self = this; self.firstName = ko.observable().extend({required: "Please enter a name", logChange: "first name" }); self.lastName = ko.observable().extend({ required:true}); } I am also using several custom bindingHandlers including the Knockout X-Editable Plugin in addition to the KO Validation Plugin Sample Multi-Page View: <!--Screen 1 --> <input

问题 I have a complex knockout page that renders a template conditionally: <!-- ko template: {'if': $root.itemToEdit.SomeObject() === $data, name: 'EditItemTemplate', afterRender: $root.initializeEditPanel } --> <!-- /ko --> and the template: <script type="text/html" id="EditItemTemplate"> <div id="editContainer" class="fd_editContainer"> //.. lots of markup and knockout bindings ... <input class="checkbox" id="questionDisplayOptionOverride" type="checkbox" data-bind="checked: $data.AnObject()

问题 I have a preset value for a select selectedValue which has a value of "ham". I have 3 options "spam", "ham", "cheese". When the viewmodel is applied, the "ham" value is selected , but the selectedValue looses it's value, so "ham" isn't actually selected although it appears to be. What do I need to change to allow for selectValue to retain it's initial value? Here's the jsfiddle Html <select data-bind="value:selectedValue"> <option data-bind="repeat: values" data-repeat-bind="value: $item(),

问题 Does anyone have idea, if it's possible to detect whenever a change occur inside observableArray while using ko mapping, this mean without having to create the model by hand? self.items = ko.observableArray([]) var data = ko.mapping.fromJS(result) self.items.push(data); I would like to log any changes occurred in any property inside my array of objects. Thanks 回答1: If I'm not mistaken, you should be able to use subscribe on the observable to get that information. See the bottom of this page

问题 I need to clear the selection from a <select> element. I've already read such posts as Knockoutjs clear selected value in combobox and have tried the accepted answers, but those solutions don't seem to be working (don't know if something has changed in Knockout 2 since the answer was accepted?). Here's an example view model: var ClearSelectionViewModel = function () { var self = this; self.station = ko.observable(); self.selectedStation = ko.observable(); self.selectedStation.subscribe

问题 I want to get the selected option object <select data-bind="options: availableCountries, value: selectedCountry, event: { select: onSelect}"></select> <script type="text/javascript"> // Constructor for an object with two properties var Country = function(name, population) { this.countryName = name; this.countryPopulation = population; }; var viewModel = { availableCountries : ko.observableArray([ new Country("UK", 65000000), new Country("USA", 320000000), new Country("Sweden", 29000000) ]),