qq_34532107 2017-05-26 08:24 采纳率: 20%
浏览 4296
已结题

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条回答 默认 最新

  • Rattenking Python领域优质创作者 2017-05-26 08:34
    关注

    把‘’labelWidth : 90‘’间距设小一点

    评论

报告相同问题?

悬赏问题

  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。