关于ext背景颜色的问题

[code="java"]



extjs



    <script>
        Ext.onReady(function(){
                var _window = new Ext.Window({
                    title:"登录",
                    width:660,
                    height:630,
                    layout:"form",
                    plain:true,
                    items:[{
                        baseCls:"x-plain",
                        layout:"column",
                        items:[{
                            layout:"form",
                            columnWidth:.5,
                            items:[
                            {
                                fieldLabel:"姓名",
                                xtype:"textfield"
                            },
                            {
                                fieldLabel:"地址",
                                xtype:"textfield"
                            },
                            {
                                fieldLabel:"工作单位",
                                xtype:"textfield"
                            },
                            {
                                fieldLabel:"职务",
                                xtype:"textfield"
                            }
                            ]
                        },
                        {
                            layout:"form",
                            columnWidth:.5,
                            items:[{
                                    xtype:"textfield",
                                    fieldLabel:"个人照片",
                                    width:100,
                                    height:100,
                                    inputType:"image"
                                }]  
                            }]
                    },
                    {
                        baseCls:"x-plain",
                        layout:"form",
                        items:[{
                                fieldLabel:"个人电话",
                                xtype:"textfield"
                            },{
                                fieldLabel:"家庭电话",
                                xtype:"textfield"
                            },{
                                fieldLabel:"办公电话",
                                xtype:"textfield"
                            }]  
                    }]  
                });

                _window.show();
            });
    </script>        
</head>
<body>
    <form>
        <div id="container"></div>
        <div id="content2"></div>
    </form>
</body>

[/code]

姓名到照片的items为什么背景颜色没有改变成和周围环境一样的?
但是个人电话到办公电话都可以改变,我都是加了baseCls:"x-plain",为什么表现出来的结果不一样那?
[b]问题补充:[/b]
to:hearken01
你的方法确实可以,但是必须加上frame配置(这个是表示圆角的吧),不知道为什么如此。而且也有点问题,frame和window颜色还是有点不一致,颜色稍微浅一点。baseCls配置项没有使用?这个不需要吗?

to:yourgame
好像明白你的意思,就是把表单弄成白色,如何弄。

4个回答

它的的底色是有一点不同,只要你把整个form填充到window里就分辨不出来了。考虑一下layout:'fit'。

把16行到20行,替换为:
layout:'fit',
items:[{
xtype:'form',
frame:true,
// height:630,
border:false,
items:[{

加上form就可以了:
[code="java"]



extjs



    <script>
        Ext.onReady(function(){
            var _window = new Ext.Window({
                title:"登录",
                width:660,
                height:630,
                items:[{
                    xtype:'form',
                    frame:true,
                    height:630,
                    items:[{
                        layout:"column",
                        items:[{
                            layout:"form",
                            columnWidth:.5,
                            items:[
                            {
                                fieldLabel:"姓名",
                                xtype:"textfield"
                            },
                            {
                                fieldLabel:"地址",
                                xtype:"textfield"
                            },
                            {
                                fieldLabel:"工作单位",
                                xtype:"textfield"
                            },
                            {
                                fieldLabel:"职务",
                                xtype:"textfield"
                            }
                            ]
                        },
                        {
                            layout:"form",
                            columnWidth:.5,
                            items:[{
                                    xtype:"textfield",
                                    fieldLabel:"个人照片",
                                    width:100,
                                    height:100,
                                    inputType:"image"
                                }]  
                            }]
                    },
                    {
                        layout:"form",
                        items:[{
                                fieldLabel:"个人电话",
                                xtype:"textfield"
                            },{
                                fieldLabel:"家庭电话",
                                xtype:"textfield"
                            },{
                                fieldLabel:"办公电话",
                                xtype:"textfield"
                            }]  
                    }]
                }]  
            });

            _window.show();
        });
    </script>        
</head>
<body>
    <form>
        <div id="container"></div>
        <div id="content2"></div>
    </form>
</body>


[/code]

我也碰到过你这样的,我的解决办法是 不让其和周边环境的颜色一直,就让表单为白色.这样也很好看.所以我去掉了baseCls:'x-plain', 加上了border:false

表单默认就是白色,去掉所有的baseCls:'x-plain'和frame:true, 发现有边框的组件设定为border:false即可

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问