qq_34532107 2017-06-03 08:08 采纳率: 20%
浏览 3029
已结题

extjs文本框换行,急,在线等

图片说明

文本框都挤在一起来怎么让它每个只占一行,

 var caseForm = new Ext.form.FormPanel({
        baseCls : "x-plain",
        enctype : 'multipart/form-data',
        fileUpload : true,
        autoScroll : true,
        defaults : {
            labelWidth : 100,
            anchor : '90%',
            xtype : 'textfield'
        },
        items : [{
                    xtype : 'fieldset',
                            title : '客户信息',
                            checkboxToggle : true,
                            defaultType : 'checkbox',
                            defaults : {
                                xtype : 'textfield',
                                anchor : '90%',
                                labelAlign : 'right',
                                labelWidth : 120
                            },
                            items :[
                                {
                                        xtype : 'fieldcontainer',
                                        layout : 'hbox',
                                        fileUpload : true,
                                        defaults : {
                                            labelWidth : 100,
                                            anchor : '90%',
                                            xtype : 'textfield'
                                        },

                                        items : [{
                                                    labelAlign : 'right',
                                                    fieldLabel : '客户姓名',
                                                    name : "k_name",
                                                    id:"k_name"
                                                }, {
                                                    fieldLabel : '客户电话',
                                                    id:"k_mobile"
                                                }, {
                                                    fieldLabel : '性别',
                                                    id:"k_sex"
                                                },joinCB,{
                                                    fieldLabel : '合同金额',
                                                    name:"price"
                                                },{
                                                    xtype : "datefield",
                                                    fieldLabel : '创建时间',
                                                    id : "fo_createTime",
                                                    emptyText : "--请选择--",
                                                    format : "Y/m/d",// 日期的格式
                                                    altFormats : "Y/m/d|Ymd"
                                                },{
                                                    xtype : "datefield",
                                                    fieldLabel : '验收时间',
                                                    id : "fo_acceptTime",
                                                    name : "acceptTime",
                                                    emptyText : "--请选择--",
                                                    format : "Y/m/d",// 日期的格式
                                                    altFormats : "Y/m/d|Ymd"
                                                }]
                                    }]
                },{
                    xtype : 'fieldset',
                            title : '合同详情',
                            checkboxToggle : true,
                            defaultType : 'checkbox',
                            defaults : {
                                xtype : 'textfield',
                                anchor : '90%',
                                labelAlign : 'right',
                                labelWidth : 120
                            },
                            items :[
                                {
                                        xtype : 'fieldcontainer',
                                        layout : 'hbox',
                                        combineErrors : true,
                                        defaults : {
                                            xtype : 'textfield',
                                            labelAlign : 'right',
                                            labelWidth : 90
                                        },

                                        items : []
                                    },{
                    id : "_caseAttachfile",
                    name : "_indexPhoto",
                    xtype : 'filefield',
                    reference : 'basicFile',
                    fieldLabel : "主图",
                    buttonText : '浏览',
                    listeners : {
                        change : function(field, value) {
                            if (value != '') {
                                Ext
                                        .getCmp("showCaseIndexPhotoDiv")
                                        .update('<div><img id="casePreview" style="margin-left: 155px;margin-bottom:10px "  height="150" src=""></img><div>');

                                var file = field.getEl()
                                        .down('input[type=file]').dom.files[0];
                                var oFReader = new FileReader();
                                oFReader.readAsDataURL(file);
                                oFReader.onload = function(oFREvent) {
                                    document.getElementById('casePreview').src = oFREvent.target.result;
                                };
                            } else {
                                Ext.getCmp("showCaseIndexPhotoDiv").update('');
                            }
                        }
                    }
                }, {
                    xtype : 'component',
                    id : 'showCaseIndexPhotoDiv',
                    html : ['']
                }, {
                    xtype : 'fieldcontainer',
                    fieldLabel : '图片管理',
                    layout : 'hbox',

                    defaults : {
                        anchor : '90%'
                    },
                    items : [caseImgForm, caseImgPanel]
                }
                            ]
                } ]
    });
  • 写回答

2条回答

  • 道亦无名 博客专家认证 2017-06-03 08:08
    关注

    重新做一个文本框不行码

    评论

报告相同问题?

悬赏问题

  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能!!有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘