ext 布局问题？

Question

[code="java"]Tpanel5= new Ext.Panel({
plain:true,

frame:true ,

anchor:"52% 52%",
x:"25%",
y:"45%",

bodyStyle: "border-width: 1px 1px 1px 1px;",
layout:"form",

bodyStyle:'padding:10 10 5 5',

items:[
{
layout:'column',
items:[
{

columnWidth:.2,

layout: 'form',

items: [

                             new Ext.form.Radio({style:'margin-top:5px',  
                                        fieldLabel: '体   积',  
                                        id:'volume1',  
                                        boxLabel:'有',  
                                        name: 'Obj.volume',  
                                        inputValue:1,  
                                        checked:false})]  
                    } 
                  ]

               }

          ]  

    });

为什么我这样布局 radio 显示不出来
[/code]

Answer 1

不知道是不是全部代码都在这里了?反正我用你的代码在火狐以及ie7下面都测试通过

我整理了一下你的代码,代码比较乱,编写代码的时候一定要注意代码的排版,这是个好习惯:)

[code="js"]
Ext.onReady(function() {
var Tpanel5 = new Ext.Panel({
plain : true,
frame : true,
renderTo : document.body,
anchor : "52% 52%",
x : "25%",
y : "45%",
bodyStyle : "border-width:1px;",
layout : "form",
bodyStyle : 'padding:10 10 5 5',
items : [{
layout : 'column',
items : [{
columnWidth : .2,
layout : 'form',
items : [new Ext.form.Radio({
style : 'margin-top:5px',
fieldLabel : '体 积',
id : 'volume1',
boxLabel : '有',
name : 'Obj.volume',
inputValue : 1,
checked : false
})]
}]
}]
});
})
[/code]

[img]http://yourgame.iteye.com/upload/picture/pic/35501/9c977193-96a8-30bd-81f7-7671204e0873.jpg[/img]