Extjs 窗口在 IE 中不能很好地显示元素
Extjs window doesnt show elements well in IE
我有这个代码
var main_container = Ext.create('Ext.container.Container',
{
xtype: 'container',
id: "id_container",
anchor: '100%',
layout:'column',
items:[
column_1,
column_2,
column_3
]
})
当我调整容器的大小时,最右边的列在某些情况下会消失。在某些情况下,当我再次调整大小时,最右边的列再次出现。这只发生在IE中。
可能是什么原因造成的?任何想法都会有所帮助。
这是最右边列的结构
var column_3 = Ext.create('Ext.container.Container',
{
columnWidth: .33,
layout: 'anchor',
id: 'column_3',
items:[
grid_1,
grid_2
]
})
有 3 列,我希望它们的宽度为 33%
主容器在按下 ext js 菜单按钮时被关闭。主容器放置在 ext js 窗口中。
这是我的问题
<div class="x-container x-column x-container-default" id="column_roles" role="presentation" style="width: 400px;">
<DIV style="WIDTH: 413px; HEIGHT: 45%" id=grid_1 class="x-panel x-grid x-property-grid x-panel-default x-with-col-lines x-panel-with-col-lines x-panel-default-with-col-lines x-masked-relative x-masked" role=presentation aria-labelledby=component-1234>...</div>
<DIV style="WIDTH: 413px; HEIGHT: 45%" id=grid_2 class="x-panel x-grid x-property-grid x-panel-default x-with-col-lines x-panel-with-col-lines x-panel-default-with-col-lines x-masked-relative x-masked" role=presentation aria-labelledby=component-1237> ... </div>
</div>
您可以清楚地看到内部div 比包含它们的div 宽。为什么IE生成不好?这在Chrome和FF中不会发生。
如果这只发生在IE中,你有没有考虑过放弃IE作为浏览器?撇开笑话不谈,如果它可以在IE以外的任何浏览器中工作,则可能是一个错误,或者您必须仅对IE做一些特殊的事情。
例如,这对我有用:
Ext.onReady (function () {
Ext.create ('Ext.window.Window', {
renderTo: Ext.getBody () ,
title: 'Win' ,
width: 500 ,
height: 100 ,
layout: 'anchor' ,
resizable: true ,
items: [{
xtype: 'container' ,
anchor: '100%' ,
layout: 'column' ,
defaults: {
layout: 'anchor'
} ,
items: [{
xtype: 'container' ,
columnWidth: .33 ,
defaults: {
xtype: 'textfield' ,
anchor: '100%'
} ,
items: [{
fieldLabel: 'name'
} , {
fieldLabel: 'surname'
}]
} , {
xtype: 'container' ,
columnWidth: .33 ,
defaults: {
xtype: 'textfield' ,
anchor: '100%'
} ,
items: [{
fieldLabel: 'age'
} , {
fieldLabel: 'place'
}]
} , {
xtype: 'container' ,
columnWidth: .33 ,
defaults: {
xtype: 'textfield' ,
anchor: '100%'
} ,
items: [{
fieldLabel: 'nickname'
} , {
fieldLabel: 'whatever'
}]
}]
}]
}).show();
});
当您调整窗口大小时,每列也会调整大小,并且不会消失。
再见
威尔克
相关文章:
- 我如何才能让CasperJS和PhantomJS在约塞米蒂玩得很好
- 在Javascript中使用全局变量作为缓存是很好的
- 我在下拉列表中尝试了下一个和前五年的html代码.接下来的5年我都过得很好.我怎样才能拿到之前的5年
- JavaScript中的OOP太令人困惑了,ES6很棒,但没有得到很好的支持,该怎么办
- "此网站似乎使用滚动链接定位效果.这可能不能很好地与异步平移一起工作;
- html5:一个很好的加载方法
- mootools 1.4.2和angular 1.3在ie8中配合得很好
- 这是一个很好的例子,显示了 JavaScript 中的 OOP 和过程编程之间的区别
- Flot 拒绝显示数据,但可以很好地解析 JSON 标签
- 很好地显示数值
- Extjs 窗口在 IE 中不能很好地显示元素
- JavaScript代码很好,但网页预览只显示我的html工作
- Javascript库对OCaml代码的语法高亮显示有很好的支持
- 谷歌地图信息窗口没有正确显示,但当我打开firbug时,它'他工作得很好
- 本地图像在浏览器上显示得很好,但在我的android设备上就不行了
- 为什么我的变量不显示?我一直工作得很好
- 如何显示图像在Froala编辑器ajax响应后,在Codeigniter一个很好的链接
- 尝试在调用 AJAX 函数时加载图像以显示 - 在 Firefox 中效果很好
- GeoChart上没有出现标记,但地图显示得很好
- 基本Javascript不能很好地显示(堆栈平均值)