zht110227
2009-12-09 11:32 阅读 331

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

  • 已采纳
    xkuff xkuff 2009-12-09 16:14

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

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

    点赞 评论 复制链接分享
  • xkuff xkuff 2009-12-09 12:18

    加上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]

    点赞 评论 复制链接分享
  • zhoujuan520 zhoujuan520 2009-12-09 12:32

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

    点赞 评论 复制链接分享
  • zhoujuan520 zhoujuan520 2009-12-09 20:02

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

    点赞 评论 复制链接分享

相关推荐