KnockOut JS – Part 2

In Previous blog, explained about Observables, ComputedObservables, observableArray, Sunscribing.
  • Bindings:
    • Built in Bindings
      • Text and Appearances (visible, text, html, css, style, attr)
      • Form elements (click, event, submit, enable, disable, value, checked, options, selectedOptions, uniqueName)
      • Control Flow (if, ifnot, foreach, with)
      • Templates (Tradition JavaScript template in <script> tag, Template-less, comment-based syntax [Anonymous Templates])
        • As like HandleBars.js, the KnockOut.js is supporting templates.
        • We should not do foreach in ViewModel, it should be done in UI. So that the template data already bonded will not be bonded again.
        • KnockOut.js will work without any external references like (JQuery)
        • Instead of using <script> Templating, Knockout.Js is providing comment tags to do the same.
          • Eg: <!—ko.foreach:tags à <!-- /ko à
        • To delete the particular row in client side we can use ko.datafor(this);
      • Parent Binding Contexts
        • $data – Current data bound item
        • $parent – item from parent binding context
        • $parents – Array containing all parent bindings contexts
        • $root – item at atop of the building
    • Custom Bindings:
      • The most useful extensibility point of knockout.
        Eg: ko.bindingHandlers.yourBindingName ={
        Init: function (element, valueAccessor, allBindingAccessor, viewModel) { //Code here }
        update: function (element, valueAccessor, allBindingAccessor, viewModel) { //Code here }
        }
        };

Comments

Post a Comment

Popular posts from this blog

BDD - Acceptance Test Driven Development

Image
Acceptance Test Driven Development What is BDD: BDD is an agile software development technique that encourages collaboration between developers, QA, and non-technical or business participants in a software project. It's more about business specifications than about tests. You write a specification for a story and verify whether the specs work as expected. The main features of BDD development are outlined below:   A testable story (it should be the smallest unit that fits in an iteration) The title should describe an activity The narrative should include a role, a feature, and a benefit The scenario title should say what's different The scenario should be described in terms of Givens, Events, and Outcomes The givens should define all of, and no more than, the required context The event should describe the feature   Advantage of BDD:   The first advantage is that this domain language is usable/understandable by domain experts as well. Given that you e...
Read more

Angular JS – Part 2

Angular Routing Services and Directives: Routing Services: $route - $routeProvider is used to map the URL with template + assigned controller. (specially for SPAs). Methods: when(), otherwise(redirectTo:), current, params, pathParams, reload(). Also we can use resolve() to decide before load template. $routeParams – Used to pass the parameters via URL $location –Use to enable html5 routing. Can get the URL informations Eg. absUrl, protocol, port, host, path, search, hash, url. Replace() method will not keep URL history. Directives: Uses of Directives: Create custom element, custom event, observe and react to changes Use eventApp.dirctive("directiveName",function(){ return {restrict: 'E', template: "<input>"}}); Can restrict the directive to how should use. E(element), C(class), A(attribute), M(comment). Instead of template HTML text, the URL can be used. Use" replace: true" to replace the element name to html i...
Read more

.Net Collections

The  System.Collections namespace contains interfaces and classes that define various collections of objects, such as lists, queues, bit arrays, hash tables and dictionaries. Array list: Implements the IList interface using an array whose size is dynamically increased as required. Dictionary Base: Provides the abstract (MustInherit in Visual Basic) base class for a strongly typed collection of key-and-value pairs. Dictionary is a Generic type. So we can get type safety with Dictionary. Hash table: Represents a collection of key-and-value pairs that are organized based on the hash code of the key. A key cannot be a null reference (Nothing in Visual Basic), but a value can be. Hashtable is not a Generic type. So we can’t get type safety with Hashtable. Hashtable is thread safe. Queue: Represents a first-in, first-out collection of objects. Queues are useful for storing messages in the order they were received for sequential processing. Stack: ...
Read more