44937

Why will the headings in my dojo dgrid not appear unless I resize the browser?

Question:

I've got a dgrid with headings that will not appear unless I resize the browser window. As soon as I resize the browser window, the headings appear. How can I get the headings to show up without resizing the browser?

Am I not calling startup() correctly? Is there an event I can fire to make the dgrid think the browser has been resized?

Answer1:

Put add the DijitRegistry to the grid as shown here:

<a href="https://github.com/SitePen/dgrid/wiki/DijitRegistry" rel="nofollow">https://github.com/SitePen/dgrid/wiki/DijitRegistry</a>

Put a dijit Container in your content pane (if the pane is necessary) and add the grid as a child of the container. The container will call startup on its children which resizes them also.

Answer2:

Just solved issue. So, my problem was: I programmatically add dgrid into dijit/layout/ContentPane . Across other browsers its work fine except IE 6. It didn't show dgrid unti I resize browsers' window. I have used many solutions from the StackOverflow and other sites. Until I didn't replace css rule for my grid (found in one Stacks' solution).

Somewhere I found the next css rule:

#dataGrid { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: auto; width: auto; }

Its ok, but not in IE6. I was changed to:

#dataGrid { width: 100%; height:100%; }

And its ok now across all my testing browsers. Hope I help you :) Totally adding working dgrid (Dojo 1.9):

HTML (my container): <div class="centerPanel" id="centerPanel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'center'" ></div> JS (I skipped reuires): grid = new (declare([OnDemandGrid, DijitRegistry, ColumnResizer,Keyboard, Selection]))({ columns: docListLayout,id:"dataGrid" }); registry.byId("centerPanel").addChild(grid); CSS: #dataGrid { width: 100%; height:100%; }

Also I removed CSS for my centerPanel with width/height declarations.

CU.

Answer3:

So I added an onShow event handler to the ContentPane that held my grid, and whenever it fires, it calls grid.resize(). Simple, but it works.

Recommend

  • Linking to a specific tab / contentpane with Dojo
  • How to switch an AccordionContainer on click?
  • Content Panes in Java
  • using keyEvent from different classes
  • android Navigation Bar hiding and persantage of usable screen overlap
  • Hide buttons on title bar in Java
  • How can I make this modal persistent?
  • C# List of Panels
  • CSS - Cannot get one spanned style to override another inherited style and align left
  • PayPal API Listener Website Payments Standard URI
  • C#: Import/Export Settings into/from a File
  • Syntax error on tokens, AnnotationName expected instead - error on query
  • JSR-330 support in Picocontainer : @Inject … @Named(\"xxx)
  • WPF version of .ScaleControl?
  • Repository Browser Only - \"Repository moved permanently to… please relocate”
  • Hide HTML elements without javascript, only CSS
  • How can I display the parent menu item's description using Wordpress walkers?
  • Android Activity.onWindowFocusChanged doesn't get called from within TabHost
  • Get history of file changes from TFS to implement custom “blame”-behaviour of exceptions
  • Custom Tabgroup Appcelerator
  • Display issues when we change from one jquery mobile page to another in firefox
  • Different response to non-authenticated users and AJAX calls
  • Is there a amazon webstore API for customers?
  • Join two tables and save into third-sql
  • Javascript convert timezone issue
  • Arrow is showed instead of the material design version hamburger icon. Why doesn't syncState in
  • How to model a transition system with SPIN
  • ORA-29908: missing primary invocation for ancillary operator
  • align graphs with different xlab
  • R: gsub and capture
  • jqPlot EnhancedLegendRenderer plugin does not toggle series for Pie charts
  • Data Validation Drop Down Box Arrow Disappearing
  • Comma separated Values
  • Change div Background jquery
  • How does Linux kernel interrupt the application?
  • Busy indicator not showing up in wpf window [duplicate]
  • Converting MP3 duration time
  • Why do underscore prefixed variables exist?
  • jQuery Masonry / Isotope and fluid images: Momentary overlap on window resize
  • How to load view controller without button in storyboard?