MVVM

by lhoeppner

HTML

<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.mobile.all.min.css">
<div id="grid"></div>

JavaScript

$(document).ready(function () {
    initGrid();
});


function initGrid() {
    $("#grid").kendoGrid({
        reorderable: true,
        dataSource: [{
            name: "Jane Doe",
            age: 30,
            no: 11
        }, {
            name: "John Doe",
            age: 33,
            no: 12
        }],
        columnReorder: function(e) {
            console.log("reorder");
            console.log(e);
            
            
            console.log(kendo.stringify(this.columns));
            var that = this;
            console.log(this);
            setTimeout(function() {
                console.log(kendo.stringify(that.columns));
            }, 5);
        }
    });
}