PDA

View Full Version : Strange problen by replacing ExtJS 4.2.0.663 to 4.2.1.883



jumpow
8 Aug 2013, 12:13 AM
There is code... It works by ExtJS 4.2.0.663 (IE8, FireFox 22)
It works by ExtJS 4.1.883 (FireFox 22)
But in IE8 (when I use ExtJS 4.1.883) I have blank screen...

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<link rel='stylesheet' type='text/css' href='../extjs/resources/css/ext-all.css'>
<script type='text/javascript' src='../extjs/ext-all-debug.js'></script>

<script type="text/javascript">
Ext.application(
{
name: 'Alfa IVR Statistic',
launch: function()
{
Ext.BLANK_IMAGE_URL='extjs/resources/s.gif';

var loginPanel = new Ext.FormPanel(
{
id:'LgFORM',
action: 'AlfaMain.html',
layout: 'vbox',
method: 'post',
standardSubmit:true,
margins: '4 4 4 4',
border: 3,
width: 300, height: 140,

defaults:
{
labelWidth: 69,
layout:
{
type: 'hbox',
defaultMargins: {top: 3, right: 3, bottom: 3, left: 3}
}
},
frame: true,
items:
[
{
xtype: 'textfield',
name: 'username',
fieldLabel: 'Name',
allowBlank: false,
maxLength: 20,
minLength: 4,
labelAlign: 'right',
margins: '4 4 4 4'
},
{
xtype: 'textfield',
name: 'password',
inputType: 'password',
allowBlank: false,
fieldLabel: 'Password',
maxLength: 20,
minLength: 4,
labelAlign: 'right',
margins: '4 4 4 4'
}
]

});
var hPanel = new Ext.FormPanel(
{
x: 100, y: 100,
width: 310, height: 150,
renderTo: 'SJPageMenu',
layout: 'hbox',
items:
[
loginPanel
]
});
}
});
</script>
</head>
<body>
<div id="SJPageMenu" width='500', height='440'></div>
</body>
</html>

mitchellsimoens
11 Aug 2013, 4:21 PM
First, when you post code, can you wrap in BBCode CODE tags to preserve code formatting?

What debugging have you done? Are there any errors being thrown?

jumpow
13 Aug 2013, 11:58 AM
What debugging I MAY do, if was no errors? Just empty screen.
When I click on place where MUST be fields, I see frame (around field) and nothing else.

sirajbg
3 Nov 2013, 12:29 AM
Hi Extjs team,

I am too facing the same problem.

In my application i have extjs 4.0. I have replaced 4.0 with 4.2.
When i start my application my login page is showing blank.
I noticed the issue is because of layout with types "hbox" and "vbox"
If i remove layout , page displays but with improper alignment as layout removed
Please suggest.

sirajbg
3 Nov 2013, 12:35 AM
<code>
<link rel="stylesheet" type="text/css" href="<%=path%>/static/extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="<%=path%>/static/extjs/bootstrap.js"></script>


<script type="text/javascript">
Ext.onReady(function(){

var pageHeader = new Ext.Container({
id: 'page-header',
renderTo: 'pageheaderdiv',
//layout: {
//type: 'hbox'
//},
items: [
{
id: 'client-logo',
width:165,
autoEl: {
tag: 'a',
children: [{
tag: 'img',
src: '../images/logo.png'
}],
href: '#'
}
},{
flex:1
},{
width:175,
autoEl: {
tag: 'a',
children: [{
tag: 'img',
src: '../images/logo2.png'
}],
href: '#'
}
}]
});

});

</script>

</code>