topic Re: Populate dataGrid with Query Results in ArcGIS JavaScript Maps SDK Questions

Populate dataGrid with Query Results

DonCaviness — Sun, 12 Dec 2021 03:54:26 GMT

I am trying to populate a dataGrid with results from a query and I've run into an issue. I have used the sample http://help.arcgis.com/en/webapi/javascript/arcgis/demos/fl/fl_zoomgrid.html and have been able to get it to work as a stand alone sample, however that doesn't help with my project. In my project I am dynamically creating the html table that will be the dataGrid:

html += '<div id="bufferResultsDiv" data-dojo-type="dijit.layout.ContentPane" class="Pad" style="Display: none;">';
 html += '<table data-dojo-type="dojox.grid.DataGrid" data-dojo-id="grid"  id="grid" data-dojo-props="rowsPerPage:"5", rowSelector:"20px">';
  html += '<thead>';
      html += '<tr>';
          html += '<th field="parcel_f" width="100%">Parcel #</th>';
          html += '<th field="name1" width="100%">Name</th>';
      html += '</tr>';
  html += '</thead>';
 html += '</table>';
html += '</div>';
$('#parcelSearchControls').html(html);

I get an error saying that .setStore is not a function at this line:

grid.setStore(store);

I have tried declare the grid multiple ways:

var grid = dijit.byId('grid');
var grid = dojo.byId('grid');
var grid = $("#grid");

Does anyone have any suggestions on what I can do to populate my dataGrid?

Re: Populate dataGrid with Query Results

__Rich_ — Fri, 17 Aug 2012 10:24:56 GMT

I don't tend to inject HTML this way when creating dijits but just a guess, do you need to run the dojo parser over the newly injected markup to get it to create the DataGrid dijit?

Otherwise, why not just create the grid programmatically and place it in the DOM?

HTH

Re: Populate dataGrid with Query Results

DonCaviness — Fri, 17 Aug 2012 14:48:05 GMT

As far as running the dojo parser again I'm not positive. Maybe someone with more knowledge with dojo can answer that. I am interested in your suggestion. How would I go about creating the dataGrid programmatically and placing it in the DOM? Do you have any examples of what you are suggesting?

Re: Populate dataGrid with Query Results

__Rich_ — Mon, 20 Aug 2012 08:06:01 GMT

As far as running the dojo parser again I'm not positive. Maybe someone with more knowledge with dojo can answer that.

If you're dynamically injecting markup containing dojo widgets into the page post rendering and after (if you set parseOnLoad:true) the parser has already run then how would it know about your new widget?
Suggest you have a read here:

dojo-parser

I am interested in your suggestion. How would I go about creating the dataGrid programmatically and placing it in the DOM? Do you have any examples of what you are suggesting?

There's a programmatic example here:

dojox-grid-datagrid

(note that this grid has been deprecated in favour of dgrid)

Re: Populate dataGrid with Query Results

DonCaviness — Mon, 20 Aug 2012 15:23:39 GMT

Thank you for the suggestion. However, I had already figured it out.