[partially solved]Layouts invisible in IE6 IE7

[Footeuz]

On my webpage and in an intranet app I build similary pages with and editor grid or grid using layouts.
Ex. :
http://300gp.ovh.net/~dedistor/blankass/concerts_passes.php

And I have the similar problem. In Internet Eplorer I have a big white box !!!
is it because of my layouts ?

I make it like that :

var reqview = Ext.DomHelper.append('req',
{cn:[{id:'req_grid1'},{id:'tb1container'}]}
);

...



var gridFoot = grid.getView().getFooterPanel(true);
// add a paging toolbar to the grid's footer
var paging = new Ext.PagingToolbar(gridFoot, ds, {
pageSize: 24,
displayInfo: true,
displayMsg: 'Pages : {0} - {1} of {2}',
emptyMsg: "Pas de resultats"
});

var layout = new Ext.BorderLayout("req", {
center: {
el:reqview,
titlebar: false,
margins:{left:5,right:5,bottom:5,top:5}
}
});
layout.beginUpdate();
layout.add('center', new Ext.GridPanel(grid, {title:"Societes", fitToFrame:true, toolbar: tb_head}));
layout.endUpdate();
layout.getRegion('center').showPanel('req_grid1');


And my html code :


<div class="x-box-blue cont-box-results" id="box_resultats">
<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">

<div id="req">
</div>

</div></div></div>
<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
</div>

[Footeuz]

Here is an example :

[Footeuz]

:-/

[Footeuz]

I try everything and nothing is good :(
Still nothing appears with IE and Safari !!!


:((:((

[Animal]

I'm doing your job while you just cry.

paging.js:



var layout = new Ext.BorderLayout("req", {
190 center: {
191 titlebar: false,
192 closeOnTab: true
193 //toolbar: tb
194 },
195 });
196


Extra comma at 194.

IE actually highlighted that error, and offered to debug using Visual Studio 2005. get yourself a copy and debug your work.

[Footeuz]

I'm so desperate that I cried lol

But I think it's not the only problem beacause in another page I have this code


var gridHead = grid.getView().getHeaderPanel(true);

var tb_head = new Ext.Toolbar(gridHead, [{}]);
tb_head.addItem( new Ext.Toolbar.TextItem('A prendre : ') );
tb_head.addItem( aprendre_filtre_select );
tb_head.add(' ','-',' ');
tb_head.addItem( finval_filtre_select );
tb_head.add(' ','-',' ');
tb_head.add({
id:'save_val',
text:'Sauvegarder les modifs',
disabled:false,
cls:'x-btn-text-icon save',
handler: savemodifs
},'->',{
id:'duplicate_soc',
text:'Dupliquer',
disabled:false,
cls:'x-btn-text-icon duplicate',
handler: duplicatesoc
}
);

var gridFoot = grid.getView().getFooterPanel(true);
// add a paging toolbar to the grid's footer
var paging = new Ext.PagingToolbar(gridFoot, ds, {
pageSize: 24,
displayInfo: true,
displayMsg: 'Pages : {0} - {1} of {2}',
emptyMsg: "Pas de resultats"
});

//set the layout for the grid
var layout = Ext.BorderLayout.create({
center: {
margins:{left:3,top:3,right:3,bottom:3},
panels: [new Ext.GridPanel(grid)]
}
}, 'req');


I change the method to attach the toolbar to the grid with the getHeaderPanel function.
I'm not sure now that the reason of the bug is the layouts...

[Footeuz]

You know what ?!
it works !

I don't know why i can't use layouts.
But i did'n't need to add a layout for the req div.

I associate my grid object to req-grid1 div and that's all.

Sorry animal to my many messages !!!
But the results are great :)

[Animal]

I still see



var layout = new Ext.BorderLayout("req", {
center: {
titlebar: false,
closeOnTab: true
//toolbar: tb
},
});


in paging.js

[Footeuz]

yes yes.
I will debug that tonight at home ;)
Here i'm at work !!!

And I had the problem to my app here and to my website.
;)