hello
i have a mistake with the grid, my simple grid is in a layout.ContentPane in a layout.TabContainer when the grid is in the first layout.ContentPane it work but if the grid is in the second or third layout.ContentPane it don't work. it is bad display i see only a little peace of my grid. i try to debug with firebug and i see that it's not the same value in the dojoxGrid-header style.
i dont know why i give you the code
if someone meet or know this mistake , it's wonderful ;-)
this way don't work (bad display)
<script type="text/javascript">
var view1 = {
cells: [[
{name: 'nom', field: "nom"},
{name: 'prenom', width: "25em", field: "prenom"},
{name: 'email', field: "email"},
]]
};
var layout = [ view1 ];
</script>
</head>
<body class="tundra">
<!-- contenu onglets liste invités -->
<div id="page_centre" dojoType="dijit.layout.TabContainer" style="width:100%;height:30em;"
selectedTab="liste_invites">
<div id="liste_invites" dojoType="dijit.layout.ContentPane" title="Liste invités">
</div><!-- fin contentpane invites -->
<div id="organisation" dojoType="dijit.layout.ContentPane" title="Organisation">
ici vous pouvez définir vos besions pour l'organisation de la fête :
<div class="heading">Our First Grid</div>
<div dojoType="dojo.data.ItemFileReadStore"
jsId="jsonStore" url="test_grid.txt">
</div>
<div dojoType="dojox.grid.data.DojoData" jsId="model"
rowsPerPage="20" store="jsonStore" query="{ nom: '*' }">
</div>
<div id="grid" dojoType="dojox.Grid" model="model" structure="layout"></div>
</div>
</div><!-- fin tab container -->
var view1 = {
cells: [[
{name: 'nom', field: "nom"},
{name: 'prenom', width: "25em", field: "prenom"},
{name: 'email', field: "email"},
]]
};
var layout = [ view1 ];
</script>
</head>
<body class="tundra">
<!-- contenu onglets liste invités -->
<div id="page_centre" dojoType="dijit.layout.TabContainer" style="width:100%;height:30em;"
selectedTab="liste_invites">
<div id="liste_invites" dojoType="dijit.layout.ContentPane" title="Liste invités">
</div><!-- fin contentpane invites -->
<div id="organisation" dojoType="dijit.layout.ContentPane" title="Organisation">
ici vous pouvez définir vos besions pour l'organisation de la fête :
<div class="heading">Our First Grid</div>
<div dojoType="dojo.data.ItemFileReadStore"
jsId="jsonStore" url="test_grid.txt">
</div>
<div dojoType="dojox.grid.data.DojoData" jsId="model"
rowsPerPage="20" store="jsonStore" query="{ nom: '*' }">
</div>
<div id="grid" dojoType="dojox.Grid" model="model" structure="layout"></div>
</div>
</div><!-- fin tab container -->
this way work's
<script type="text/javascript">
var view1 = {
cells: [[
{name: 'nom', field: "nom"},
{name: 'prenom', width: "25em", field: "prenom"},
{name: 'email', field: "email"},
]]
};
// a grid layout is an array of views.
var layout = [ view1 ];
</script>
</head>
<body class="tundra">
<!-- contenu onglets liste invités -->
<div id="page_centre" dojoType="dijit.layout.TabContainer" style="width:100%;height:30em;"
selectedTab="liste_invites">
<div id="liste_invites" dojoType="dijit.layout.ContentPane" title="Liste invités">
<div class="heading">Our First Grid</div>
<div dojoType="dojo.data.ItemFileReadStore"
jsId="jsonStore" url="test_grid.txt">
</div>
<div dojoType="dojox.grid.data.DojoData" jsId="model"
rowsPerPage="20" store="jsonStore" query="{ nom: '*' }">
</div>
<div id="grid" dojoType="dojox.Grid" model="model" structure="layout"></div>
</div><!-- fin contentpane invites -->
<!-- contenu onglets organisation -->
<div id="organisation" dojoType="dijit.layout.ContentPane" title="Organisation">
ici vous pouvez définir vos besions pour l'organisation de la fête :
</div>
var view1 = {
cells: [[
{name: 'nom', field: "nom"},
{name: 'prenom', width: "25em", field: "prenom"},
{name: 'email', field: "email"},
]]
};
// a grid layout is an array of views.
var layout = [ view1 ];
</script>
</head>
<body class="tundra">
<!-- contenu onglets liste invités -->
<div id="page_centre" dojoType="dijit.layout.TabContainer" style="width:100%;height:30em;"
selectedTab="liste_invites">
<div id="liste_invites" dojoType="dijit.layout.ContentPane" title="Liste invités">
<div class="heading">Our First Grid</div>
<div dojoType="dojo.data.ItemFileReadStore"
jsId="jsonStore" url="test_grid.txt">
</div>
<div dojoType="dojox.grid.data.DojoData" jsId="model"
rowsPerPage="20" store="jsonStore" query="{ nom: '*' }">
</div>
<div id="grid" dojoType="dojox.Grid" model="model" structure="layout"></div>
</div><!-- fin contentpane invites -->
<!-- contenu onglets organisation -->
<div id="organisation" dojoType="dijit.layout.ContentPane" title="Organisation">
ici vous pouvez définir vos besions pour l'organisation de la fête :
</div>
thank
nobody never meet my probleme?
hi
I comme back to you for this probleme with the grid place on tabcontainerlayout my grid don't work if it'is on another place that the first tablecontainer.
someone know why ?
Using Search with keywords:
Using Search with keywords: grid tab
generates some previous discussions that may help you.
Here is just one:
http://dojotoolkit.org/forum/dojox-dojox/dojox-grid-support/grid-data-no...
cannot view data in consecutive grids on selection
i have a stack container in which i'm using a content pane. In this content pane ,i'm displaying various grids according to the selection of the page. grid is fetching its data from the database. but when i run the application, the first page which i select has the grid data displayed in it. but other pages on selection are not able to get the data. if i run every page individually then the data is displayed. but not if i select one after the other. can you tell me the solution to this problem.......
cannot view data in consecutive grids on selection
i have a stack container in which i'm using a content pane. In this content pane ,i'm displaying various grids according to the selection of the page. grid is fetching its data from the database. but when i run the application, the first page which i select has the grid data displayed in it. but other pages on selection are not able to get the data. if i run every page individually then the data is displayed. but not if i select one after the other. can you tell me the solution to this problem.......
cannot view data in consecutive grids on selection
i have a stack container in which i'm using a content pane. In this content pane ,i'm displaying various grids according to the selection of the page. grid is fetching its data from the database. but when i run the application, the first page which i select has the grid data displayed in it. but other pages on selection are not able to get the data. if i run every page individually then the data is displayed. but not if i select one after the other. can you tell me the solution to this problem.......