I have the following:
if(typeof $rootScope.gridDataAdapter == 'undefined') { $rootScope.gridDataAdapter = new $.jqx.dataAdapter(BlotterSourceFactory.source()); //$rootScope.gridDataAdapter = new $.jqx.dataAdapter(BlotterSourceFactory.source()); grid = $("#jqxgrid").jqxGrid({ width: 1000, height: 560, source: $rootScope.gridDataAdapter, theme: getDemoTheme(), sortable: true, filterable: true, autosavestate: false, altrows: true, groupable: true, columnsresize: true, pageable: true, columnsreorder: true, selectionmode: 'multiplerowsextended', pagesizeoptions: [ '20', '100', '1000' ], columns: columns }); } else { alert('grid ' + $('#jqxgrid')); $('#jqxgrid').jqxGrid('updatebounddata'); $('#jqxgrid').jqxGrid('render'); $('#jqxgrid').jqxGrid('refreshdata'); }
I check to see if we already have a data adapter, if not then I create one (using angularjs) and then create the grid. That all works of. But if I already have a data adapter I just tell the grid to (i guessed this part) render and update itself but on the screen the element is just an empty div.
Any ideas?