doevisualizations
Version:
Data Visualization Library based on RequireJS and D3.js (v4+)
37 lines (30 loc) • 1.3 kB
JavaScript
var globaldata = {};
$(function () {
$.getJSON('js/data.json').done(function (data) {
globaldata = data;
// $('#sample1').vGrid({ data: data.fathers, showOnlyMode: false, showOnlyFields: ["id"] });
$('#sample2').vGrid({
data: data.fathers,
showOnlyMode: true,
headerTemplate : [
{fieldName:'name', template: function(){ return 'Name'}},
{fieldName:'email', template: function(){ return 'Email'}},
{fieldName:'biography', template: function(){ return 'Biography'}}
],
sortField: "name",
sortFieldType: "string",
showOnlyFields: ["ID","name","email","dateofbirth","biography","comments","accounts", "spousename", "married"],
amalgateColumns: [{
prepend: false,
columnHeader: "Special",
template: function (record, index) {
return '<input type="button" value="Submit" data-id="' + record.ID + '"/>';
}
}]
});
});
// setTimeout(function(){
// globaldata.fathers.splice(1,5);
// $('#sample2').vGrid('option', 'data', globaldata.fathers);
// },8000)
})