Also knockout observableArray has interesting methods. Call removeAll to clear all items. Look at official site observable array manual. self.mycertificates = ko.observableArray([‘C1’, ‘C2’]); self.mycertificates.removeAll();
short answer You should return the difference between the two dates, not a boolean: // sort the data by date using moment.js seriesRawDataArray.sort(function (left, right) { return moment.utc(left.timeStamp).diff(moment.utc(right.timeStamp)) }); why Array.prototype.sort expects a negative, zero, or positive value to be returned. Generally, you’ll write a sort function like this: yourArray.sort(function (a, b) { if (a … Read more
Have a look at Knockout-Validation which cleanly setups and uses what’s described in the knockout documentation. Under: Live Example 1: Forcing input to be numeric You can see it live in Fiddle UPDATE: the fiddle has been updated to use the latest KO 2.0.3 and ko.validation 1.0.2 using the cloudfare CDN urls To setup ko.validation: … Read more
You can use the css binding. It can be used two ways. Either with a dynamic class (or list of classes): <li data-bind=”css: name”></li> or with individual classes bound against truthy/falsy values to indicate whether that are should be added/removed from the element: <li data-bind=”css: { classOne: hasClassOne, classTwo: hasClassTwo }”></li>
Store results of call to subscriptions in a variable (or, in your case, in an array). When you want to unsubscribe, simply call dispose on each subscription. Fully described here – http://knockoutjs.com/documentation/observables.html Your code will look like this: //store subscriptions in array var subscriptions = []; for ( var i in myViewModel ) { var … Read more
After going through a bit of exploration I have found the solution. @Eisenhauer Backbone’s routing facilities are awesome, but what if I am not using Backbone. As I outlined in my question, I am already using KnockoutJS that provides me a client side MVVM model and so its not really a good idea to put … Read more
Event handlers like click get passed two arguments. That is the item that this event belongs to – like the entry of an observable array that you’re rendering with the foreach binding (“Item” in your case). And, an event object, that provides you with more information about the actual event. This object contains the DOM … Read more
To clone an observableArray you would want to do: var viewModel = { array1: ko.observableArray([“one”, “two”]), array2: ko.observableArray() }; viewModel.clone = function() { viewModel.array1(viewModel.array2.slice(0)); }; If you want to just do a copy, then you would do: viewModel.array1(viewModel.array2()); The problem with the second example is that the underlying array is the same, so pushing to … Read more
Give your links a class (e.g. download): <a href=”#” class=”download” data-bind=”disable: noResults()…. And your dropdown an id (e.g. dlDropDown): <button class=”btn dropdown-toggle” id=”dlDropDown” data-toggle=”dropdown” data-bind=”enable: !noResults()”> And then add the following event handler: $(“a.download”).click(function() { $(“#dlDropDown”).dropdown(“toggle”); });
This is related to the fact that browsers insert tbody tags automatically, which creates a mismatch in the comments. The rendered output will look like: <table> <!– ko foreach: MyPlans –> <tbody> <tr> <td>Test</td> </tr> <!– /ko –> </tbody> </table> Steve did put some work into trying to correct mismatched tags in KO, but the … Read more