Grid not displaying properly

Question

At one point my grid would display correctly. Now I just get column titles and a big white space at the bottom of my page. Does anyone have any idea why this is happening? I'm pretty sure it has somthing to do with my html but that is all I can think of. [ATTACH=CONFIG]27788[/ATTACH] [HTML] Text Search

ARIZONA OIL AND GAS
CONSERVATION COMMISSION

* Home

API No

State Permit No

Operator

County

Township

Range

Section

Depth (ft)

Formation at Depth

Well Folder

Scanned Well Log

LAS Data

[/HTML] I am also getting a parse error in my console. I'm not sure if the error appeared when the grid stopped working but they both happened at about the same time. notfilling.jpg

KennethRichards · Answer

Here is my updated html. The problem has to come from there. I have hardly touched the js in the last week other. [HTML] Text Search

ARIZONA OIL AND GAS
CONSERVATION COMMISSION

* Home * AZGS * Map Search * Text Search

Text Search: Complete one or multiple fields and press the Submit Search button to search for wells based on their attributes. Selecting LAS data will open the LAS data in a text file. The selected LAS data can be saved and downloaded by using the save page as function.

Map of Arizona State Meridians

API No

State Permit No

Operator

County

Township

Range

Section

Depth (ft)

Formation at Depth

Well Folder

Scanned Well Log

LAS Data

[/HTML]

KennethRichards · Answer

Well I went through your suggestions. I cleaned up my js file. It had a lot of unfinished ideas in it that I got rid of.
I still can't get the grid to display correctly. I just get column titles on my screen. It is acting like the css for the grid is getting overwritten or not even applied. It is also seems like the dijit layout is being overwritten. I blame part of my problems with transitioning from 3.5 to 3.6 and going from legacy to AMD. There are a lot of changes between all of those.

JonathanUihlein · Answer

I would suggest opening up your browser console and troubleshooting the easier errors first. Example: I see a parser error in the console as follows:dojo/parser::parse() error Error: ReferenceError: bottom is not defined in data-dojo-props='region: bottom' Refers to this line:

You need to add single quotes around the word bottom, just like you have for the other content pane region properties.

There are further issues after that change... The parser is unnecessarily being called multiple times, causing expected parser errors. You are still using a dojox datagrid but haven't included that module in your require. I noticed you are loading the dgrid "OnDemandGrid" module but aren't actually doing anything with it. Also, you aren't setting an idProperty on your store (basically, assign a unique ID). I took a few minutes to rewrite your application to use a dgrid to display the results of your query task. I *strongly* suggest stepping back from this application and hammering out the functionality before doing anything with styling, css or images. Try writing several smaller applications that each focus on a specific functionality, and then combine and integrate overall functionality between those smaller apps. This should keep your code much more clean and manageable over a longer period. Rewritten application below: Text Search

I didn't change your 'updateGrid()' function much, outside of changing the store and adding an idProperty. In my opinion, you still have a lot of changes to make. This is a hardcore developer project and you have your hands full. Hopefully this advice helps.