jqGrid with Knockout Testing
HTML
<script src="http://knockoutjs.com/js/knockout-2.0.0.js"></script>
<script src="https://github.com/tonytomov/jqGrid/blob/master/jquery.jqGrid.js"></script>
<script src="https://github.com/tonytomov/jqGrid/blob/master/js/i18n/grid.locale-en.js"></script>
<script src="https://github.com/tonytomov/jqGrid/blob/master/js/grid.common.js"></script>
<script src="https://github.com/tonytomov/jqGrid/blob/master/js/grid.base.js"></script>
<script src="https://github.com/tonytomov/jqGrid/blob/master/js/grid.jqueryui.js"></script>
<table id="myTable" data-bind="jqGrid: { }" />
JavaScript
(function() {
ko.jqGrid = {
viewModel: function(configuration) {
this.data = configuration.data;
}
};
})();
var sampleData = [{
"total": 1,
"page": 1,
"records": 1,
"rows": [{
"id": 1,
"root": {
"Name": "John",
"Address": "123 Anywhere St"
}}]}];
var PagedGridModel = function(items) {
this.items = ko.observableArray(sampleData);
this.gridViewModel = new ko.jqGrid.viewModel({
data: this.items,
colNames: ['Name', 'Address']
});
};