[Dojo-interest] grid not showing inside titlePane

Sun Jul 12 17:14:33 EDT 2009

Can you please try
dijit.layout.ContentPane 
instead of TitlePane

or even in titlePane (which I never used)

try   style="width:100%; heigth:"100%";

Then on the Grid also set style

style="width:100%; heigth:"100%";


Typically in my experience grid needs a style set or
autoHeight="true" and autoWidth="true" to render inside things
(especially within HTML tables <td> cells)


On Sun, 12 Jul 2009 12:52 -0400, "Rolando Bermudez Peña" <rbpena at uci.cu>
wrote:
> Hello all,
> I have a simple page with a titlePane and inside it a grid, but the grid
> is not showing, if i remove the titlepane the grid shows the data
> perfetly but inside a titlepane is not, there is the page.
> 
> 
>         <style>
>             
>             @import "js/dojo/resources/dojo.css";
>             @import "js/dijit/themes/tundra/tundra.css";
>             @import "js/dojox/grid/resources/Grid.css";
>             @import "js/dojox/grid/resources/tundraGrid.css";
>         </style>
>         <script type="text/javascript" src="js/dojo/dojo.js"
>         djConfig="isDebug:true,parseOnLoad:true">
>         </script>
>         <script>
>             
>             
>             dojo.require("dojo.parser");
>             dojo.require("dijit.dijit");
>             dojo.require("dijit.TitlePane");
>             dojo.require("dojox.grid.DataGrid");
>             dojo.require("dojo.data.ItemFileWriteStore");
> 
>             
>             function init(){
>                 var tp = dijit.byId('titlepane1');
>                 dojo.connect(tp._wipeIn, "onEnd", function(){
>                     alert("Animation end!");
>                 });
>             }
>             
>             structure = [{
>                 rows: [{
>                     name: "Name",
>                     field: "prop",
>                     width: "auto"
>                 }, {
>                     name: "Value",
>                     field: "value",
>                     width: "auto"
>                 }]
>             }];
>             dojo.addOnLoad(init);
>         </script>
>     </head>
>     <body class="tundra">
>         <p dojoType="dojo.data.ItemFileWriteStore" jsId="store"
>         url="js/mymodule/tests/properties.js">
>         </p>
>         <div dojoType="dijit.TitlePane" id="titlepane1" open="true">
>             <div dojoType="dojox.grid.DataGrid" store="store"
>             structure="structure" rowSelector="20px">
>             </div>
>         </div>
>     </body>
> 
> Any ideas?
> Regards,
> roland
> 
> _______________________________________________
> FAQ: http://dojotoolkit.org/support/faq
> Book: http://dojotoolkit.org/docs/book
> Forums: http://dojotoolkit.org/forum
> Dojo-interest at mail.dojotoolkit.org
> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
-- 
Vlad P
author of C++  ORM  http://github.com/vladp/CppOrm/tree/master


-- 
http://www.fastmail.fm - Faster than the air-speed velocity of an
                          unladen european swallow