PDA

View Full Version : problem while trying to migrate from ext 2.0.2 to ext 3.0



olamalam
25 Sep 2009, 2:45 AM
Hi to all,

I'm trying to migrate our application from ext 2.0.2 to ext 3.0. but I have some problems about that.

first of all I simple changed ext folders so that they show the new version and now I have 2 javascript errors.



<link rel="stylesheet" href="/TDRS/js/ext/3.0.0/resources/css/ext-all.css" />
<link rel="stylesheet" href="/TDRS/css/search.css" />
<script type="text/javascript" src="/TDRS/js/ext/3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/TDRS/js/ext/ext-core-3.0/ext-core.js"></script>
<script type="text/javascript" src="/TDRS/js/ext/3.0.0/ext-all.js"></script>

<script type="text/javascript">
if(window.self == window.parent) {
window.parent.location.href = "/TDRS/directorySearch/index.gsp";
}

Ext.onReady(function(){
// create the Data Store
var store = new Ext.data.ArrayStore({ ....
OR
var store = new Ext.data.Store({....


1- var store... gives "Object expected" error.
2- Message: 'Ext.layout' is null or not an object

how can I solve these?

hendricd
25 Sep 2009, 3:09 AM
Remove :
<script type="text/javascript" src="/TDRS/js/ext/ext-core-3.0/ext-core.js"></script>
ext-all already includes core. ;)

olamalam
25 Sep 2009, 4:56 AM
Thanks for your reply, now my new page is working with an exception:

IE 8 renders the page in compatibility view but it works with no problem in firefox.
Does Ext 3.0 support IE 8 or higher versions?

Thanks in advance

hendricd
25 Sep 2009, 5:00 AM
Yes, IE8 is supported, but you may need to remove/adjust your DOCTYPE for IE8 standards mode.

I use NO DOCTYPE and this:


<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">

That meta tag must be the first line in the <head> section.

IE8 also has a user-setting in options for what mode you want to use per domain.

olamalam
25 Sep 2009, 5:50 AM
ok, meta tag solved the problem, now IE8 renders my page but this meta tag caused another problem. I'm using lockingGridPanel and now there is a row mismatch problem (not happens in firefox). snapshot is attached.

16425

I guess its about the size of the image I put on the rows but this was not happening before putting the meta tag :-/

Condor
25 Sep 2009, 5:54 AM
I already mentioned this in another thread:
The image in the second column is bigger than the default row height. Either make the image smaller or create a css rule that makes the rows of the locked section higher.

olamalam
25 Sep 2009, 6:15 AM
Yes, you are right. I'd solved the problem by resizing the image but the same problem occured again only for IE8 after migrating to ext 3.0.

This time I followed your second advice and solved the problem again :)



.x-grid3-row {
cursor: default;
width:100%;
height:18px;
}


thanks again...