PDA

View Full Version : Problem with Custom XType Grid Dropdown in IE7 and below



jkozer26
18 Nov 2010, 4:42 PM
Hi There, I am sort of new to extjs and I am running into a problem that I can't figure out. I have a viewerpanel that I am registering to be used as a custom xtype in an html page(it will be used to frame into another application).

I am registering the ViewerPanel as so:
Ext.reg('OrderViewer', ABSAdmin.Order.ViewerPanel);


The ViewerPanel is somewhat complex and has grids on it. My problem is when viewing the custom xtype in an html page, the dropdowns do not work in IE7. They work fine in IE8 so this makes no sense to me. Here is my HTML Page code. I believe the problem has to do with the w.maximize() but without this the window does not populate properly. Does anyone have any ideas? Thanks so much for the help in advance.


<!DOCTYPEhtmlPUBLIC"-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<scripttype="text/javascript"src="../ext-3.2.0/adapter/ext/ext-base.js"></script>
<scripttype="text/javascript"src="../ext-3.2.0/ext-all-debug.js"></script>
<linkrel="Stylesheet"type="text/css"href="../ext-3.2.0/resources/css/ext-all.css"/>
<linkrel="Stylesheet"type="text/css"href="../ext-3.2.0/resources/css/xtheme-gray.css"/>
<linkrel="Stylesheet"type="text/css"href="ABSAdmin.css"/>
<scripttype="text/javascript"src="HBoxFitSplitLayout.js"></script>
<scripttype="text/javascript"src="AppFramework.js"></script>
<scripttype="text/javascript"src="OrderViewer.js"></script>
<scripttype="text/javascript">
Ext.onReady(function() {
var w = new Ext.Window({
modal: false,
id: 'ovFrame',
resizable: false,
id: 'OrderViewer',
layout: 'fit',
closable: false,
items: {
xtype: 'OrderViewer',
id: "OrderViewerPanel"
}
});
w.show();
w.maximize();
});
</script>
<metahttp-equiv="PRAGMA"content="NO-CACHE"/>
</head>
<body>
</body>
</html>

blessan
18 Nov 2010, 8:46 PM
Wrong section. This is for sencha touch not ext js. Try there.