qq_34532107
qq_34532107
2017-05-26 08:24

EXTJS 文本框宽度问题

15
  • 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',
                                        combineErrors : true,
                                        defaults : {
                                            xtype : 'field',
                                            labelAlign : 'right',
                                            labelWidth : 90
                                        },

                                        items : [{
                                                    labelAlign : 'right',
                                                    fieldLabel : '客户姓名',
                                                    id:"k_name",
                                                    flex : 1
                                                }, {
                                                    fieldLabel : '客户电话',
                                                    id:"k_mobile",
                                                    flex : 1
                                                }, {
                                                    fieldLabel : '性别',
                                                    id:"k_sex",
                                                    flex : 1
                                                },joinCB,{
                                                    fieldLabel : '合同金额',
                                                    name:"price",
                                                    flex : 1
                                                },{
                                                    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条回答