JSFiddle

  • new valueAccessor "wrapper" binding

    http://www.knockmeout.net/2011/07/another-look-at-custom-bindings-for.html

    function Item(id, name, selected) {
        this.id = ko.observable(id);
        this.name = ko.observable(name);
    }
    
    $(function() {
        var viewModel = {
            selectedItem: ko ...
  • knockout-classBindingProvider

    https://github.com/rniemeyer/knockout-classBindingProvider

    		var vm = {
    			city: "London",
    			coords: {
    				latitude: 51.5001524,
    				longitude: -0.1262362,
    			},
    		};
        
    		var bindings = {
    			City: {
    				text: vm.city,
    			},
    			Coords: {
    				Lat: function ...
  • knockout-classBindingProvider

    https://github.com/rniemeyer/knockout-classBindingProvider

    		var vm = {
    			city: "London",
    			coords: {
    				latitude: 51.5001524,
    				longitude: -0.1262362,
    			},
    		};
        
    		var bindings = {
    			City: {
    				text: vm.city,
    			},
    			Coords: {
    				Lat: function ...
  • Knockout-Kendo TabList #5 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    var VVMStyle = function() {
    
      function guid() {
        function s4() {
          return Math.floor((1 + Math.random()) * 0x10000)
            .toString(16)
            .substring(1);
        }
        return s4 ...
  • knockout-sortable - simple list

    https://github.com/rniemeyer/knockout-sortable

    var Task = function(name) {
        this.name = ko.observable(name);
    }
    
    var ViewModel = function() {
        var self = this;
        self.tasks = ko.observableArray([
            new ...
  • create a postbox

    No-Library (pure JS), HTML, CSS, JavaScript

    function createPostbox() {
    
        var existingSubscribe,
            postbox = {},
            subscriptions = {},
            subId = 1;
    
        postbox.subscriptions = subscriptions;
    
        //create a global postbox that supports subscribing/publishing
        ko ...
  • ko-sortable - drag between lists #3 is the latest revision

    https://github.com/rniemeyer/knockout-sortable

            var scenes = [
                { sceneID: 0, title: "First scene", sequenceNo: ko.observable(1) },
                { sceneID: 1, title: "Second scene", sequenceNo: ko.observable(2 ...
  • ko-sortable - drag between lists

    https://github.com/rniemeyer/knockout-sortable

            var scenes = [
                { sceneID: 0, title: "First scene", sequenceNo: ko.observable(1) },
                { sceneID: 1, title: "Second scene", sequenceNo: ko.observable(2 ...
  • ko-sortable - drag between lists #1 is the latest revision

    https://github.com/rniemeyer/knockout-sortable

            var scenes = [
                { sceneID: 0, title: "First scene", sequenceNo: ko.observable(1) },
                { sceneID: 1, title: "Second scene", sequenceNo: ko.observable(2 ...
  • ko-sortable - drag between lists

    https://github.com/rniemeyer/knockout-sortable

            var scenes = [
                { sceneID: 0, title: "First scene", sequenceNo: ko.observable(1) },
                { sceneID: 1, title: "Second scene", sequenceNo: ko.observable(2 ...