当前位置:编程学习 > JAVA >>

请教extjs

问一下,这什么我这样布局出来的界面是乱的呢
function showinfo(record){
var win1;
if(!win1){
var fp = new Ext.form.FormPanel({
fileUpload: true,
                width: 600,
                frame: true,
//autoHeight:true,
autoWidth:true,
layout:'column',
                bodyStyle: 'padding: 10px 10px 0 10px;',
                labelWidth: 300,
                items: [
                 {
            columnWidth : .2,
            layout : 'form',
                 items : [
                         {
                            xtype: 'label',
                            id: 'titles',
                            name:'titles',
                             fieldLabel: '名称',
                             height:20,
width: 90
                         },{
                            xtype: 'label',
                            id: 'sendmans',
                            name: 'sendmans',
                             fieldLabel: '发送人',
                             height:20,
width: 90
                         },{
                            xtype: 'label',
                            id: 'senddates',
                            name: 'senddates',
                             fieldLabel: '发送日期',
                             height:20,
width: 90
                         },{
                            xtype: 'label',
                            id: 'signmans',
                            name: 'signmans',
                             fieldLabel: '签收人',
                             height:20,
width: 90
                         },{
                            xtype: 'label',
                            id: 'contents',
                            name: 'contents',
                             fieldLabel: '发送内容',
                             height:20,
width: 90
                         }]
                         },{
            columnWidth : .8,
            layout : 'form',
                 items : [
                         {
                            xtype: 'label',
                            id: 'titlev',
                            name:'titlev',
                             fieldLabel: 'record.get("title")',
                             labelSeparator:'',
                             height:20,
width: 250
                         }, 
                         {
                            xtype: 'label',
                            id: 'sendmans',
                            name: 'sendmans',
                             fieldLabel: 'record.get("sendname")',
                             labelSeparator:'',
                             height:20,
width: 250
                         },{
                            xtype: 'label',
                            id: 'senddatev',
                            name: 'senddatev',
                             fieldLabel: 'record.get("senddate")',
                             height:22,
width: 250
                         },{
                            xtype: 'label',
                            id: 'signmanv',
                            name: 'signmanv',
                             fieldLabel: 'record.get("signman")',
                             height:22,
width: 250
                         },{
                            xtype: 'textarea',
                            id: 'contentv',
                            name: 'contentv',
                             value: 'record.get("content")'
                         }]
                         }]
                        
});
win1 = new Ext.Window({
            layout:'fit',
autoDestroy:true,
autoHeight:true,
            width:600,
                //height:320,
            closeAction:"close",
modal:true,
            plain: true,
            shadow :false,
            title: '报文信息',
            items: fp });
}
win1.show(this);
} --------------------编程问答-------------------- 你指的乱是哪里乱,我现在看起来你的结构应该是 :

A 1  B     1
A 1  B     2
A 1  B     3

你描述下你的表现的结构是什么 --------------------编程问答-------------------- 把你日期对应的ID去掉就可以了! --------------------编程问答-------------------- items 里的with 宽度 已经严重超出 form的宽度, 而且你这布局也是有问题的。
补充:Java ,  Web 开发
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,