Flat data is basically a javascript array of JavaScript objects. imagine an array of objects like below
<script type="text/javascript">
$(document).ready(function(){
var grid = new flexiciousNmsp.FlexDataGrid(document.getElementById("gridContainer"),
{
configuration: '<grid id="grid" enablePrint="true" enablePreferencePersistence="true" enableExport="true" forcePagerRow="true" pageSize="50" enableFilters="true" enableFooters="true" >' +
' <level>' +
' <columns>' +
' <column dataField="id" headerText="ID" />' +
' <column dataField="type" headerText="Type"/>' +
' </columns>' +
' </level>' +
' ' +
' </grid>',
dataProvider: [
{ "id": "5001", "type": "None" },
{ "id": "5002", "type": "Glazed" },
{ "id": "5005", "type": "Sugar" },
{ "id": "5007", "type": "Powdered Sugar" },
{ "id": "5006", "type": "Chocolate with Sprinkles" },
{ "id": "5003", "type": "Chocolate" },
{ "id": "5004", "type": "Maple" }
]
});
});
</script>
We have seen this in numerous examples so far where we supply a list of JavaScript objects via the provider parameter. You can also supply the same thing using the setDataProvider method.