아주 간단한 창을 만들었습니다. 확장자입니다. Firefox에서는 IE7에서 포함 된 항목이 창 밖으로 나옵니다.ExtJS & IE7 : 간단한 창 렌더링 문제
나는이 문제를 해결하기 위해 무엇을 할 수 있는가?
코드 : (없는 Doctype이 엄격하지만, 어떤 이유로 표시되지 않습니다)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Online example</title>
<link rel="stylesheet" type="text/css" href="http://dev.sencha.com/deploy/dev/resources/css/ext-all.css" />
<script type="text/javascript" src="http://dev.sencha.com/deploy/dev/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="http://dev.sencha.com/deploy/dev/ext-all.js"></script>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function(){
MyWindow = Ext.extend(Ext.Window, {
layout: 'fit',
width: 370,
height: 500,
resizable: true,
closable: true,
closeAction: 'hide',
collapsible: true,
autoScroll: true,
bodyStyle: 'padding:5px;',
title: 'Window',
initComponent: function() {
var config = {
items:
[
{
xtype: 'fieldset',
title: 'Buffer valg',
layout: 'form',
items:
[
{
xtype: 'numberfield',
fieldLabel: 'Label'
}, {
xtype: 'checkbox',
fieldLabel: 'Label',
checked: true
}
]
}
]
}
Ext.apply(this, Ext.apply(this.initialConfig, config));
// Config object has already been applied to 'this' so properties can
// be overriden here or new properties (e.g. items, tools, buttons)
// can be added, eg:
// Call parent (required)
MyWindow.superclass.initComponent.apply(this, arguments);
}
});
AWindow = new MyWindow();
AWindow.show();
});
</script>
</body>
</html>
작동하지 않는 것처럼 보입니다. 여전히 시각적 인 문제입니다. 그러나 문제를 해결하기 : 창과 내용을 어떻게 만들어야 컨테이너에 넣을 수 있고, 여러 항목을 모두 포함하는 여러 개의'fieldset' 항목이 있습니다. (왜 내가 스크롤 할 수있는 창을 열지 못했을까요?) – Chau
왜 그것이 너무 작을 것이라고 확신하고 싶습니까? 유용성의 관점에서 보면, 스크롤 막대는 불쾌합니다. 'bodyStyle : 'overflow : hidden''을 추가해 볼 수는 있지만 시각적 인 문제를 해결하고 싶다면 – JamesHalsall