Extjs4 Accordion布局在IE8以下浏览器中显示异常

Question

extjs4布局ie8浏览器

Answer 1

http://renxin-327666062-qq-com.iteye.com/blog/1113013
我今天测试的是这里的代码。

Answer 2

IE8显示不正常，也不报错，其他浏览器都没问题，数据能显示。导航栏代码：
Ext.create('Ext.Viewport', {
layout : 'border',
autoScroll : true,
overflowX : 'scroll',
items : [northPanel, {
region : 'south',
bodyCls : 'southPanel',
border : 0,
split : true,
height : 30,
margins : '0 0 0 0',
items : [east_logo]
}, {
xtype : 'panel',
id : 'west-panel',
title : '导航栏',
region : 'west',
animCollapse : true,
width : 200,
minWidth : 150,
maxWidth : 400,
split : true,
collapsible : true,
margins : '0 0 5 5',
iconCls : 'icon-edit',
// collapsed : true,
collapsible : true,
layout : 'fit'
}, tabs]加载数据代码：
 function loadMenu() {
Ext.Ajax.request({
url : 'indexAction!queryUserMenu.action',
success : function(response) {
var res = response.responseText;
res = Ext.JSON.decode(res);
res = res.list;
var west = Ext.getCmp('west-panel');
Ext.Array.each(res, function(item) {
var apanel = Ext.create('Ext.panel.Panel', {
id : item.id,
title : item.name,
border : 0,
layout : 'fit',
items : []
});
west.add(apanel); var treeStore = Ext.create('Ext.data.TreeStore', {
fields : ['name', 'id', 'url'],
proxy : {
type : 'ajax',
url : 'indexAction!queryUserMenuTree.action',
reader : {
type : 'json',
root : 'list'
}
}
}); var treepanel = Ext.create('Ext.tree.Panel', {
store : treeStore,
bodyStyle : 'background-color:#eaf1fb;',
columns : [{
xtype : 'treecolumn', 
sortable : false,
flex : 1,
dataIndex : 'name'
}],
root : {
id : item.id,
name : "菜单",
expanded : true
},
rootVisible : false,
hideHeaders : true,
border : 0,
listeners : {
itemclick : function(view, record,
sumitem, index, event, options) {
if (record.raw.url) {
Utils.addPage(record.raw.id,
record.raw.name,
record.raw.url);
}
}
}
});
apanel.add(treepanel);
});
if (west.getComponent(0)) {
west.getComponent(0).expand();
}
},
failure : function(response, opts) {
console.log('请求一级菜单错误=' + response.status);
}
});
};