knockout.js

问题 I have the issue that binding expressions such as <div data-bind="text: $data.Property"></div> -where Property is an observable- causes the actual text of knockout's observable function to display instead of the value Property is supposed to represent. This was addressed here In IE8, KnockoutJS 3.2 displaying actual observable function rather than the observable's value. The cause of that issue was that duplicate knockout library files were being loaded. The "UPDATE:" section and answer of

问题 I have a form that have a three field group that on a click of a "Add New" buttom other three field group will be added. That part is working great. I want to add a validation so all three fields are required in order to add a new group. For reference here is the code working: http://jsfiddle.net/5g8Xc/ var ContactsModel = function(contacts) { var self = this; self.contacts = ko.observableArray(ko.utils.arrayMap(contacts, function(contact) { return { firstName: contact.firstName, fathersLast:

问题 i have a boolean value bound to a JQM flip switch toggle, but i'm not able to see it reacting to changes to the underlying observable. This is my true/false observable: ko.booleanObservable = function (initialValue) { var _actual = ko.observable(initialValue); var result = ko.computed({ read: function () { var readValue = _actual().toString(); return readValue; }, write: function (newValue) { var parsedValue = (newValue === "true"); _actual(parsedValue); } }); return result; }; Which is the

问题 I have a client side model generated by Breeze/OData and I used the code in this post to connect it to Knockout validation. It works great for validating individual fields through the isValid() method. However, whenever I try to use ko.validation.group against a Breeze Entity (assume that the knockout validation is configured with {deep: true} ), either calling showAllMessages , length or any other method that performs a tree traversal over the object graph, results in an infinite recursion

问题 I'm working to built a contact list that is grouped by the first letter of the contact's last name. After a succesfull ajax request, the contact is pushed to addContact: Ajax success: ko.utils.arrayForEach(dataJS.contactList, function(c) { contactsModel.addContact(c); }); contactsModel.addContact: //add a contact in the right spot under the right letter contactsModel.addContact = function(newContact) { //grab first character var firstLetter = (newContact.lname || "").charAt(0).toUpperCase();

问题 Sorry for maybe uncorrect question, but I feel really confused. I need to set the css class of an item in a foreach loop based on the value of an item's property. self.CssBind = ko.computed(function (task) { var CssBind = ''; if (getComplexity(task) === 'Easy') { CssBind = "green"; } else if (getComplexity(task) === 'Intermediate') { CssBind = 'yellow';} else if (getComplexity(task) === 'Difficult') { CssBind = 'red'; } return CssBind; }); I tried to get complexity in such way but have

问题 Consider this fiddle. I have an <input type='checkbox'> linked to its corresponding <label> . On their parent, I have a click binding. The problem is, clicking on the <label> will trigger the parent's click twice, whereas clicking on the <input> will trigger it only once. Considering I want to keep the current HTML structure ( <label> next to the <input> ), is there a way to make the <label> behave like the <input> element? (aka trigger the click only once) EDIT : If i remove the return true;

问题 New to knockout and loving it so far cut a 700 line jQuery mess into 150 lines. The one part I am not really liking is the templating. I want to be able to create a file similar to this module.ViewModel.views = { 'view1' : '<div data-bind="foreach: data">TEMPLATE</div>' }; // in my view model set something like ViewModel.view1Template = module.ViewModel.views.view1; // then in my html have <div data-bind="template: view1Template()"></div> I would like to be able to do this possibly with

问题 New to knockout and loving it so far cut a 700 line jQuery mess into 150 lines. The one part I am not really liking is the templating. I want to be able to create a file similar to this module.ViewModel.views = { 'view1' : '<div data-bind="foreach: data">TEMPLATE</div>' }; // in my view model set something like ViewModel.view1Template = module.ViewModel.views.view1; // then in my html have <div data-bind="template: view1Template()"></div> I would like to be able to do this possibly with

问题 I'm building a KnockoutJS web app using RequireJS to modularize it. I'm trying to decide between a couple of strategies to break things into modules. Flat approach : One approach features a flatter directory structure and larger modules: /webapp |-/scripts |-/templates | |-car_edit.html | |-car-view.html | |-person_edit.html | |-person_view.html |-main.js |-person.js |-car.js As an example, the person module (in person.js) is implemented something like this: define(['jquery', 'knockout', ...]