这是小弟做的一个EXTJS的form表单,表单的第二栏也就是装修公司选择的那里,有两个gr grid,他们现在是上下,我怎么让它左右显示,也就是左边一个grid右边一个grid
3条回答
- qq_34532107 2017-05-19 08:22关注
表单代码:
// 订单信息form
var memberForm = new Ext.form.FormPanel({
baseCls : "x-plain",
bodyStyle : 'padding:10px',
enctype : 'multipart/form-data',
fileUpload : true,
autoScroll : true,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 : [{ fieldLabel : '客户姓名', id : 'memberName', name : 'name', width : 120, flex : 1, margin : '0 0 0 6' },{ fieldLabel : '客户手机', id : 'memberMobile', name : 'mobile', width : 120, flex : 1, margin : '0 0 0 6' }, { fieldLabel : ' 喜欢风格', name : 'likeStyle', width : 120, flex : 1, margin : '0 0 0 6' },{ labelAlign : 'right', fieldLabel : '预算总额', name : 'reqMoneyCnt', width : 120, flex : 1, margin : '0 0 0 6' }] }, { xtype : 'fieldcontainer', layout : 'hbox', combineErrors : true, defaults : { xtype : 'field', labelAlign : 'right', labelWidth : 90 }, items : [{ fieldLabel : '需求房间', name : 'roomNum', width : 120, flex : 1, margin : '0 0 0 6' }, { fieldLabel : '卫生间数', name : 'toiletNum', width : 120, flex : 1, margin : '0 0 0 6' }, { fieldLabel : '厨房数量', name : 'kitchenNum', width : 120, flex : 1, margin : '0 0 0 6' }, { fieldLabel : '面积', name : 'areaSize', width : 120, flex : 1, margin : '0 0 0 6' }] }, { xtype : 'fieldcontainer', layout : 'hbox', combineErrors : true, defaults : { xtype : 'field', labelAlign : 'right', labelWidth : 90 }, items : [ { fieldLabel : '回访的描述', id : 'callBackMemo', name : 'callBackMemo', flex : 1, margin : '0 0 0 6' }, { xtype : "datefield", fieldLabel : '需求时间', name : "reqTime", id : "reqTime", emptyText : "--请选择--", format : "Y/m/d",// 日期的格式 altFormats : "Y/m/d|Ymd", }, { xtype : "datefield", fieldLabel : '回访时间', name : "callBackTime", id : "callBackTimeId", emptyText : "--请选择--", format : "Y/m/d",// 日期的格式 altFormats : "Y/m/d|Ymd", }] }] }, { xtype : 'fieldset', title : '装修公司', checkboxToggle : true, defaults : { anchor : '40%', labelAlign : 'right', labelWidth : 120 }, items : [{ xtype : 'grid', id : 'grid1', columnLines : true, store : orderDetailstore, columns : [ { text : '公司名字(双击选择)', dataIndex : 'name', flex : 1 }] },{ xtype : 'grid', id : 'grid2', columnLines : true, columns : [ { text : '已选公司(双击取消)', dataIndex : 'name', flex : 1 }] }] }], });
解决 无用评论 打赏 举报
悬赏问题
- ¥15 vs2019中数据导出问题
- ¥20 云服务Linux系统TCP-MSS值修改?
- ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
- ¥20 怎么在stm32门禁成品上增加查询记录功能
- ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
- ¥50 NT4.0系统 STOP:0X0000007B
- ¥15 想问一下stata17中这段代码哪里有问题呀
- ¥15 flink cdc无法实时同步mysql数据
- ¥100 有人会搭建GPT-J-6B框架吗?有偿
- ¥15 求差集那个函数有问题,有无佬可以解决