Show Posts
This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.
<div style="height:1500px;">
<h1>placeholder</h1><br />
<span id="message"> </span>
</div>
<div data-bind="pqGrid: gridOptions" style="margin:auto;"></div>
var data = [
{ rank: 1, company: 'Exxon Mobil', revenues: 339938.0, profits: 36130.0 }
];
function company(obj){
this.rank = ko.observable(obj.rank);
this.company = ko.observable(obj.company);
this.revenues = ko.observable(obj.revenues);
this.profits = ko.observable(obj.profits);
};
var items = ko.observableArray(ko.utils.arrayMap(data, function(item){
return new company(item);
}));
var counter = 0;
$(function () {
var gridModel = function(){
var self = this;
self.items = items;
self.gridOptions = {
height: 'flex',
maxHeight: 400,
colModel: [
{ title: "Rank", dataIndx: 'rank' },
{ title: "Company", dataType: "string", dataIndx: "company",
filter:{ type: 'textbox', condition: 'contain', listeners: ['keyup'] }
},
{ title: "Revenues", dataType: "float", dataIndx: "revenues" },
{ title: "Profits", dataType: "float", dataIndx: "profits" }
],
title: "Knockoutjs grid",
filterModel: {on: true, header: true},
scrollModel: { autoFit: true },
selectionModel: { type: "row", mode: "single" },
dataModel: { data: self.items }
};
};
ko.applyBindings( new gridModel(), document.getElementById('koApp') );
setInterval(function() {
var message = "updated counter: " + ++counter;
items()[0].company(message);
$("#message").text(message);
}, 5000);
});