Extjs gridpanel的问题

Question

Ext.onReady(function() {
var moneyCost = new Ext.grid.GridPanel({
width:600,
    height:300,
    frame:true,
layout:'fit',
stripeRows : true,
autoExpandColumn : "detail",
toolbar:[
{
xtype:'button',
text:'添加',//新建
iconCls:'new',
handler:function(){

}
},{
xtype:'button',
text:'删除',//删除
iconCls:'new',
handler:function(){}
}
]
}) // 入口
new Ext.Viewport({
layout : 'border',
border : false,
renderTo : 'div1',
items : [{
region : 'center',
border : false,
layout : 'fit',
items : [moneyCost]
}]
});
})firedebug的报错说是ext-all.js里面的错误~~，求高人解答

Answer 1

不是ext-all.js里面有错，本身firefox也有好多不兼容Extjs的东西。
一般还是在IE中能把所有效果做出来就不错。IE的市场占有率还是比较高的。
也可能是你写的有问题，ext-all.js应该没有问题。我做的东西也出现过这样的问题，
不过最终都会解决，最后还是自己代码的问题。你在仔细查查。

Answer 2

调试EXT 就要不断的注释代码 看看是哪里出的问题 然后对症下药

Answer 3

第一:结贴太低了
第二:代码有点乱问题用火狐调试下吧,我看到的可能是布局问题, new Ext.Viewport({
layout : 'border',
怎么有两个layout属性