liuyufeialove 2016-02-24 02:58 采纳率: 100%
浏览 1401
已采纳

请大家帮我看看 我的extjs 注册页面的 排版问题

他的对齐特别恶心 这是为什么啊 怎么调整一下代码啊

 var re = Ext.create('Ext.form.Panel', {
        bodyCls: 'bgimage',  
        border : true,  
        bodyPadding:5,

        width:350,
        height:500,
            defaults:{  
            margin:'58 0'  
        }, 
        items:[
        {
            xtype:'textfield',
            fieldLabel:'用户名',
            name: 'username',  
            labelAlign:'right',  
            labelWidth:80,  
            maxLength :20,
            minLength :8,           
            emptyText:'请在这里填写用户名',  
            maxLengthText : '账号大小在8-20位之间',
            minLengthText : '账号大小在8-20位之间',
            blankText:"用户名不能为空,请填写!",//错误提示信息,默认为This field is required!  
            allowBlank: false  
        },

        {
            xtype:'textfield',
            fieldLabel: '密  码', 
            id: 'pass1',            
            name: 'password',  
            inputType:"password",  
            labelWidth:80,  
            regex:/^[a-zA-Z]\w{5,17}$/,
            regexText:'以字母开头,长度在6-18之间,只能包含字符、数字和下划线',
            labelAlign:'right',  
            emptyText:'请在这里填写密码',  
            blankText:"密码不能为空,请填写!",//错误提示信息,默认为This field is required!  
            allowBlank: false

        },

        {
            xtype:'textfield',
            fieldLabel: '再一次密码',
            id: 'pass2',                        
            name: 'yPassword',  
            inputType:"password",  
            labelWidth:80,  
            labelAlign:'right',  
            emptyText:'请在这里再次填写密码',  
            blankText:"密码不能为空,请填写!",//错误提示信息,默认为This field is required!  
            allowBlank: false,
            vtype: 'repetition',  //指定repetition验证类型  
            repetition: { targetCmpId: 'pass1' } 
        },

        {
              xtype:"combo",
             name: 'college',
              fieldLabel:"学院",
              labelWidth:80,  
            store:["计算机科学与技术","信息安全","数字媒体与技术","其他"],//数据源为一数组
              allowBlank : false,
              blankText : "请选择专业"
        },

        {
            xtype:'radiogroup',
            fieldLabel:'性别:',
            columns:2,
            vertical:true,
            items:[{boxLabel:'男',name:'sex',inputValue:'1'},{boxLabel:'女',name:'sex',inputValue:'2'}]
        }

        ],      
        //renderTo:Ext.getBody()
    });  

他的对齐特别恶心 这是为什么啊 怎么调整一下代码啊
图片说明

  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2016-02-24 05:48
    关注

    你自己设置的 margin: '58 0',去掉这个配置

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 msix packaging tool打包问题
  • ¥28 微信小程序开发页面布局没问题,真机调试的时候页面布局就乱了
  • ¥15 python的qt5界面
  • ¥15 无线电能传输系统MATLAB仿真问题
  • ¥50 如何用脚本实现输入法的热键设置
  • ¥20 我想使用一些网络协议或者部分协议也行,主要想实现类似于traceroute的一定步长内的路由拓扑功能
  • ¥30 深度学习,前后端连接
  • ¥15 孟德尔随机化结果不一致
  • ¥15 apm2.8飞控罗盘bad health,加速度计校准失败
  • ¥15 求解O-S方程的特征值问题给出边界层布拉休斯平行流的中性曲线