extjs嵌套panel背景色设置

var northpanel=Ext.create('Ext.panel.Panel',{
   id:'northpanel',
    region:'north',
    // style:'background-color:#dfe8f6',
    margin:'20 0 20 20',  //padding:'20 0 20 20',height:1060 可去外边线
    frame:true,
    height: 560,
    width: 500,
    border:0,
    defaults:{
        width: 540,
        style:'background-color:#padding-body:#dfe8f6;padding-color:#dfe8f6;',
        padding:'5 0 5 10',
        xtype:'panel',
        border:0
    },
    items:[{
        layout: 'column',
        bodyStyle:'background:#dfe8f6',
        defaults: {
        xtype: 'textfield',
            labelAlign: 'right',
            style:'background-color:#dfe8f6;',
            width: 250
    },
        items:[{
            id: 'year',
            readOnly: true,
            allowBlank: false,
            fieldLabel: '年份',
            labelWidth: 90
        },{
            readOnly: true,
            id: 'month',
            fieldLabel: '月份',
            allowBlank: false,
            labelWidth: 90
        }]
},{
        layout: 'column',
        bodyStyle:'background:#dfe8f6',
        defaults: {
            xtype: 'textfield',
            style:'background-color:#dfe8f6;',
            labelAlign: 'right',
            width: 250
        },
        items: [{
            id: 'ck',
            readOnly: true,
            allowBlank: false,
            fieldLabel: '计划厂矿',
            labelWidth: 90
        }, {
            readOnly: true,
            id: 'zyq',
            fieldLabel: '作业区',
            allowBlank: false,
            labelWidth: 90
        }]
    },{
        layout: 'column',
        bodyStyle:'background:#dfe8f6',
        defaults: {
            xtype: 'textfield',
            style:'background-color:#dfe8f6;',
            labelAlign: 'right',
            width: 250
        },
        items: [{
            id: 'zy',
            readOnly: true,
            allowBlank: false,
            fieldLabel: '专业',
            labelWidth: 90
        }, {
            readOnly: true,
            id: 'sblx',
            fieldLabel: '设备类型',
            allowBlank: false,
            labelWidth: 90
        }]
    },{
       layout:'column',
        bodyStyle:'background:#dfe8f6',
        defaults:{
           xtype:'textfield',
            style:'background-color:#dfe8f6;',
            labelAlign:'right',
            width:250
        },
        items:[{
            id: 'sbmc',
            allowBlank: false,
            fieldLabel: '设备名称',
            labelWidth: 90
        }, {
            id: 'fqr',
            allowBlank: false,
            fieldLabel: '发起人',
            labelWidth: 90
        }]
    },{
        layout: 'hbox',
        bodyStyle:'background:#dfe8f6',
        defaults: {
            labelAlign: 'right',
            style:'background-color:#dfe8f6;',
            width: 250,
            readOnly: true
        },
        items: [{
            xtype: 'textfield',
            id: 'sgfs',
            allowBlank: false,
            fieldLabel: '施工方式',
            labelWidth: 90
        }, {
            xtype:'checkboxfield',
            boxLabel:'施工准备是否已落实',
            margin:'5 0 0 35',
            id : 'iflag',
            inputValue:1,
            uncheckedValue:0
        }]
    },{
        layout: 'column',
        bodyStyle:'background:#dfe8f6',
        defaults: {
            xtype: 'textfield',
            style:'background-color:#dfe8f6;',
            labelAlign: 'right',
            width: 250,
            readOnly: true
        },
        items: [{
            id: 'fqsj',
            allowBlank: false,
            fieldLabel: '发起时间',
            labelWidth: 90
        }]
    }, {
        layout: 'column',
        bodyStyle:'background:#dfe8f6',
        defaults:{
            style:'background-color:#dfe8f6;',
            labelAlign: 'right'
        },
        items: [{
            readOnly: true,
            xtype: 'textarea',
            id: 'jxnr',
            fieldLabel: '检修内容',
            labelWidth: 90,
            width: 500
        }]
    }, {
        layout: 'column',
        bodyStyle:'background:#dfe8f6',
        defaults:{
            style:'background-color:#dfe8f6;',
            labelAlign: 'right'
        },
        items: [{
            xtype: 'textfield',
            readOnly: true,
            id: 'jhtgsj',
            labelAlign: 'right',
            allowBlank: false,
            fieldLabel: '计划停工时间',
            labelWidth: 90,
            width: 250
        }]
    }, {
        layout: 'column',
        bodyStyle:'background:#dfe8f6',
        defaults:{
            style:'background-color:#dfe8f6;',
            labelAlign: 'right'
        },
        items: [{
            xtype: 'textfield',
            readOnly: true,
            id: 'jhjgsj',
            labelAlign: 'right',
            allowBlank: false,
            fieldLabel: '计划竣工时间',
            labelWidth: 90,
            width: 250
        }]
    }, {
        layout: 'column',
        bodyStyle:'background:#dfe8f6',
        defaults: {
            xtype: 'textfield',
            labelAlign: 'right',
            style:'background-color:#dfe8f6;',
            width: 250,
            readOnly: true
        },
        items: [{
            id: 'jhgshj',
            allowBlank: false,
            fieldLabel: '计划工时合计',
            labelWidth: 90
        }]
    }, {
        layout: 'column',
        bodyStyle:'background:#dfe8f6',
        defaults:{
            style:'background-color:#dfe8f6;',
            labelAlign: 'right'
        },
        items: [{
            readOnly: true,
            xtype: 'textarea',
            id: 'bz',
            fieldLabel: '备注',
            labelWidth: 90,
            width: 500
        }]
    }]
});
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值