knockoutjs: can we create a dependentObservable function with a parameter?

by

In Knockout, bindings are implemented internally using dependentObservables, so you can actually use a plain function in place of a dependentObservable in your bindings. The binding will run your function inside of a dependentObservable, so any observables that have their value accessed will create a dependency (your binding will fire again when it changes).

Here is a sample: http://jsfiddle.net/rniemeyer/2pB9Y/

html

type "one", "two", or "three": <input data-bind="value: text" /> 
<hr />
<ul data-bind="template: { name: 'itemTmpl', foreach: items }"></ul>

js

<script id="itemTmpl" type="text/html">
    <li data-bind="text: name, visible: viewModel.shouldThisBeVisible(name)"></li>
</script>

var viewModel = {
    text: ko.observable("one"),
    items: [{name: "one"}, {name: "two"}, {name: "three"}],
};

viewModel.shouldThisBeVisible = function(name) {
    return this.text() === name;
}.bind(viewModel);

ko.applyBindings(viewModel);

More Related Contents:

  1. Can cleanNode() be used to clean binding?
  2. Example of knockoutjs pattern for multi-view applications [closed]
  3. How to force a view refresh without having it trigger automatically from an observable?
  4. Unique ids in knockout.js templates
  5. Prevent event bubbling when using the checked binding in knockoutjs
  6. Knockout validation
  7. What’s the applyBindings’ second parameter used for?
  8. Adding properties to the view model created by using the Knockout JS mapping plugin
  9. Twitter bootstrap 3 Modal with knockout
  10. jQuery UI datepicker change event not caught by KnockoutJS
  11. Can you call ko.applyBindings to bind a partial view?
  12. Catch error if iframe src fails to load . Error :-“Refused to display ‘http://www.google.co.in/’ in a frame..”
  13. Resolve circular references from JSON object
  14. How to create an auto-complete combobox?
  15. Knockout.js incredibly slow under semi-large datasets
  16. KnockOutJS – Multiple ViewModels in a single View
  17. knockoutjs databind with jquery-ui datepicker
  18. Change observable but don’t notify subscribers in knockout.js
  19. knockout data-bind on dynamically generated elements
  20. Knockout.js containerless “foreach” not working with
  21. Setting value of Observable not updating in Knockout
  22. Map JSON data to Knockout observableArray with specific view model type
  23. How to clear/remove observable bindings in Knockout.js?
  24. success callback after knockout.js finishes rendering all the elements
  25. Return Partial View and JSON from ASP.NET MVC Action
  26. When to use ko.utils.unwrapObservable?
  27. Using knockout js with jquery ui sliders
  28. Knockout JS – How to correctly bind an observableArray
  29. Javascript Equivalent to C# LINQ Select
  30. JSON parsing error syntax error unexpected end of input

Leave a Comment