会员信息布局，自动放缩

win = desktop.createWindow({
    layout: "border",
    title: "会员列表",
    width: 800,
    height: 550,
    defaults: {
        border: false
    },
    constrain: true,
    resizable: false,
    minimizable: true,
    maximizable: true,
    items: [{
        region: "south",
        layout: "fit",
        header: true,
        height: 380,
        margins: "1 1 1 1",
        cmargins: "1 1 1 1",
        collapsible: true,
        collapsed: false,
        border: true,
        defaults: {
            border: false
        },    
        items: {
            xtype: "tabpanel",
            activeTab: 0,
            border: false,
            layoutOnTabChange: true,
            defaults: {
                border: false
            },
            items: [{
                title: "会员信息",
                height: 300,
                items: {
                    xtype: "form",
                    bodyStyle: "padding:5px",                      
                    labelWidth: 80,
                    autoScroll: true,
                    border: false,
                    height: 300,
                    items: [{
                        xtype: "fieldset",
                        title: "基本信息",
                        anchor: "98%",
                        defaults: {
                            border: false,
                            defaults: {
                                border: false
                            }
                        },
                        items: [{
                            layout: "column",
                            items: [{
                                layout: "form",
                                items: [{
                                    xtype: "textfield",
                                    fieldLabel: "会员卡号",
                                    anchor: "95%"
                                }, {
                                    xtype: "textfield",
                                    fieldLabel: "会员姓名",
                                    anchor: "95%"   
                                }, {
                                    xtype: "textfielddbc2sbc",
                                    fieldLabel: "手机号码",
                                    anchor: "95%"
                                }, {
                                    xtype: "textfielddbc2sbc",
                                    fieldLabel: "固定电话",
                                    anchor: "95%"
                                }, {
                                    xtype: "textfield",
                                    fieldLabel: "登记店面",
                                    anchor: "95%"
                                }, {
                                    xtype: "textfield",
                                    fieldLabel: "推荐人卡号",
                                    anchor: "95%"
                                }],                                                                        
                               columnWidth: .4
                            }, {
                                layout: "form",
                                items: [{
                                    xtype: "textfield",
                                    fieldLabel: "会员级别",
                                    anchor: "95%"
                                }, {
                                    xtype: "combo",                                      
                                    fieldLabel: "性别",
                                    anchor: "95%"                                    
                                }, {
                                    xtype: "textfielddbc2sbc",
                                    fieldLabel: "身份证号",                                        
                                    anchor: "95%"
                                }, {
                                    xtype: "cleartextfield",                                       
                                    anchor: "95%",
                                    fieldLabel: "生日"
                                },                                
                                {
                                    xtype: "textfield",
                                    fieldLabel: "可用积分",
                                    anchor: "95%"
                                },                                    
                                {
                                    xtype: "textfield",                                      
                                    fieldLabel: "推荐人姓名",                                       
                                    anchor: "95%"                                        
                                }],
                                columnWidth: .4
                            }, {
                                layout: "form",
                                items: [{
                                    html: '<img name="ImagePath" alt="" src="Images/Sex.png" style="height:125px;width:125px;" />',
                                    border: false
                                }, {
                                    layout: "column",
                                    bodyStyle: "padding-top:3px;",
                                    border: false,
                                    defaults: {
                                        border: false
                                    },
                                    items: [{
                                        layout: "form",
                                        items: {
                                            xtype: "button",
                                            text: "拍照",                                               
                                            width: 50
                                        },
                                        columnWidth: .435
                                    }, {
                                        layout: "form",
                                        items: {
                                            xtype: "button",
                                            text: "本地上传",                                              
                                            width: 53
                                        },
                                        columnWidth: .565
                                    }]
                                }],
                                columnWidth: .2
                            }]
                        }, {
                            layout: "column",
                            items: [{
                                layout: "form",
                                items: {
                                    xtype: "textfield",
                                    fieldLabel: "本店冻结储值",                                  
                                    anchor: "95%"
                                },
                                columnWidth: .4
                            }, {
                                layout: "form",
                                items: {
                                    xtype: "textfielddbc2sbc",
                                    fieldLabel: "可用储值",
                                    anchor: "95%"
                                },
                                columnWidth: .4
                            }]
                        }, {
                            layout: "column",
                            border: false,
                            items: [{
                                layout: "form",
                                border: false,
                                items: {
                                    xtype: "textfield",
                                    anchor: "95%"                                   
                                },
                                columnWidth: .4
                            }]                               
                        }, {
                            layout: "column",
                            items: [{
                                layout: "form",
                                items: {
                                    xtype: "combo",                                                                                          
                                    anchor: "99%"
                                },
                                columnWidth: .325
                            }, {
                                layout: "form",
                                items: {
                                    xtype: "combo",                                                                                                          
                                    anchor: "99%"
                                },
                                columnWidth: .325
                            }, {
                                layout: "form",
                                items: {
                                    xtype: "combo",                            
                                    anchor: "99%"
                                },
                                columnWidth: .325
                            }]
                        }, {
                            layout: "column",
                            items: [{
                                layout: "form",
                                items: {
                                    xtype: "textfield",                                      
                                    width: 636
                                },
                                columnWidth: 1
                            }]
                        }, {
                            layout: "column",
                            items: [{
                                layout: "form",
                                colspan: 2,
                                items: {
                                    xtype: "textfielddbc2sbc",                                    
                                    width: 203                                     
                                },
                                columnWidth: .59
                            }, {
                                layout: "form",
                                items: {
                                    xtype: "textfielddbc2sbc",                                     
                                    width: 203
                                },
                                columnWidth: .4
                            }]
                        }, {
                            xtype: "textarea",                              
                            anchor: "97%",
                            height: 40
                        }]
                    }]
                }
            }]
        }
    }]
});


win.show();

 

转载于:https://www.cnblogs.com/denghuachengle/p/5959164.html