Ext CheckboxGroup 在window中的背景问题

0 0

Ext CheckboxGroup 在window中的背景问题3

请高手看一下，以下问题。帮忙解决一下：

现在要做成背景要和窗口背景一样。谢谢

Ext.onReady(function() { 
            var group = new Ext.form.CheckboxGroup({ 
                items: [ 
                    { 
                        boxLabel: 'A', 
                        name: 'useranswer1', 
                        inputvalue: 'A', 
                        value: 'A' 
                    }, { 
                        boxLabel: 'B', 
                        name: 'useranswer2', 
                        inputvalue: 'B' 
                    }, { 
                        boxLabel: 'C', 
                        name: 'useranswer3', 
                        inputvalue: 'C' 
                    } 
                ] 
             }); 

                new Ext.Window({ 
                    width: 500, 
                    height: 300, 
                    items: [group] 
                }).show(); 
        });

JavaScript EXT

2009年7月22日 13:33

bing190389518
0
0 0 0

查看图片附件

4个答案按时间排序按投票排序

0 0

下面这个问题的提问者,
http://www.iteye.com/problems/21365
是这么搞的.

下面是他的回复:

引用

应为整个项目都是用的 window 而不是 FormPanel，所以如果用户要更换皮肤的话，用你的那个方法 checkgroup的地方就会更换不到。。另外我说错了是checkgroup。。
也许是Ext 的一个bug 吧！把复选框加到window上面背景色就是不一样。。。
所以我重写了控制checkgroup的css样式。。达到了效果，而且也没有影响到更换皮肤的功能。。。

2009年7月24日 16:04

Rowen
1062
0 0 0

添加评论

0 0

一个一个的加上去尝试看效果
ctCls:'x-plain',//尝试
plain:true,//尝试
baseCls:'x-plain'//尝试

Ext.onReady(function() { 
            var group = new Ext.form.CheckboxGroup({
                ctCls:'x-plain',//尝试
                plain:true,//尝试
                baseCls:'x-plain'//尝试
                items: [ 
                    { 
                        boxLabel: 'A', 
                        name: 'useranswer1', 
                        inputvalue: 'A',
                        ctCls:'x-plain',//尝试
                        plain:true,//尝试
                        baseCls:'x-plain'//尝试  下同
                        value: 'A' 
                    }, { 
                        boxLabel: 'B', 
                        name: 'useranswer2', 
                        inputvalue: 'B' 
                    }, { 
                        boxLabel: 'C', 
                        name: 'useranswer3', 
                        inputvalue: 'C' 
                    } 
                ] 
             }); 

                new Ext.Window({ 
                    width: 500, 
                    height: 300, 
                    items: [group] 
                }).show(); 
        });

2009年7月22日 14:29

yourgame
5183
0 0 0

添加评论

0 0

你把group放到FormPanel(这里加个frame:true)里..再把formPanel放到window里..

Ext.onReady(function() {    
            var group = new Ext.form.CheckboxGroup({    
                items: [    
                    {    
                        boxLabel: 'A',    
                        name: 'useranswer1',    
                        inputvalue: 'A',    
                        value: 'A'    
                    }, {    
                        boxLabel: 'B',    
                        name: 'useranswer2',    
                        inputvalue: 'B'    
                    }, {    
                        boxLabel: 'C',    
                        name: 'useranswer3',    
                        inputvalue: 'C'    
                    }    
                ]    
             });    
         var formPanel =new Ext.form.FormPanel({
            frame:true,
			items:[group
			]
		});
                new Ext.Window({    
                    width: 500,   
                    frame:true, 
                    height: 300,    
                    items: [formPanel]    
                }).show();    
        });

2009年7月22日 14:21

Rowen
1062
0 0 0