`
xiaoqi18
  • 浏览: 16871 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Ext.form.CheckboxGroup和RadioGroup背景色设置

阅读更多
我在采用x-plain样式的表单中使用CheckboxGroup或RadioGroup的时候,背景色始终是白色,试了很多方法都不行,最后改了一下ext的源代码才成功,方法如下:
   1、在ext-all.js中找到Ext.form.CheckboxGroup,
    将
    Javascript代码
var panelCfg={cls:this.groupCls,layout:'column',border:false,renderTo:ct};var colCfg={defaultType:this.defaultType,layout:'form',border:false,defaults:{hideLabel:true,anchor:'100%'}}  
     

var panelCfg={cls:this.groupCls,layout:'column',border:false,renderTo:ct};var colCfg={defaultType:this.defaultType,layout:'form',border:false,defaults:{hideLabel:true,anchor:'100%'}}
   
   替换为
    Javascript代码
var panelCfg={cls:this.groupCls,baseCls:"x-plain",layout:'column',border:false,renderTo:ct};var colCfg={defaultType:this.defaultType,layout:'form',baseCls:"x-plain",border:false,defaults:{hideLabel:true,anchor:'100%'}} 

var panelCfg={cls:this.groupCls,baseCls:"x-plain",layout:'column',border:false,renderTo:ct};var colCfg={defaultType:this.defaultType,layout:'form',baseCls:"x-plain",border:false,defaults:{hideLabel:true,anchor:'100%'}}


    添加了一个属性baseCls:"x-plain"

或者
还有一个办法:新建FormPanel时,去掉它的baseCls配置属性,加上frame:true,就能使checkboxgroup的背景同步.
分享到:
评论

相关推荐

    EXT.form组件

    2. `checkbox`:`Ext.form.Checkbox`是用于创建复选框的组件,用户可以选择或取消选择多个选项。 3. `combo`:`Ext.form.ComboBox`是下拉列表框组件,允许用户在预设的选项中进行选择,同时可以提供搜索功能以便...

    Ext checkBoxGroup的用法和取值

    总结起来,`Ext JS`的`checkBoxGroup`组件是构建多选功能的强大工具,通过设置`items`属性定义复选框,使用`getValue()`获取用户选择,并通过`change`事件实时监控选中状态的变化。在Web应用开发中,熟练掌握这些...

    ext checkboxgroup 回填数据解决

    重写 代码如下: //解决checkboxgroup回填数据问题 Ext.override(Ext.form.BasicForm,{ findField : function(id){ var field = this.items.get(id); if(!field){ this.items.each(function(f){ if(f.isXType(...

    Ext.form.FieldSet的用法.pdf

    `Ext.form.FieldSet` 是 `ExtJS` 框架中的一个组件,它主要用于组织和分组表单中的字段。FieldSet 提供了一种在界面上以可折叠或展开的方式展示一组相关输入字段的方式,有助于增强用户体验和界面的可读性。以下是对...

    Ext.form.FieldSet的用法.docx

    Ext.form.FieldSet是Ext JS库中的一个组件,用于组织和分组表单字段。它提供了一种方便的方式来呈现和管理一组相关的输入控件,并且可以通过配置项进行自定义以适应不同的设计需求。以下是对FieldSet的一些关键配置...

    Extjs3.0 checkboxGroup 动态添加item实现思路

    虽然它继承了Ext.form.Field,但是却类似于容器。 CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态添加。如需要数据动态创建,试着创建整个CheckboxGroup...

    Ext组件描述,各个组件含义

    **2.17 Checkbox (Ext.form.Checkbox)** - **xtype**: `checkbox` - **功能描述**:Checkbox 是一个复选框控件,用户可以通过勾选来选择或取消选择。 - **主要用途**:适用于需要用户进行多选操作的场景。 **2.18 ...

    ExtJSWeb应用程序开发指南(第2版)

    4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup 4.1.9 Ext.form.field.Trigger触发字段 4.1.10 Ext.form.field.Spinner微调字段 4.1.11 Ext.form.field.Picker拾取器字段 4.1.12 Ext.form.field.ComboBox...

    EXT核心API详解

    45、Ext.form.Field类 …………………… 41 46、Ext.form.Checkbox类 …………… 42 47、Ext.form.Radio类 ………………… 43 48、Ext.form.HtmlEditor类 …………… 43 49、Ext.form.TextField类 …………… 44 50...

    Ext_Net_CheckboxGroup 勾选、全选、反选和限制勾选

    Ext_Net_CheckboxGroup 勾选、全选、反选和限制勾选

    ExtJS-3.4.0系列目录

    - `Ext.form.CheckboxGroup` 和 `Ext.form.RadioGroup`:用于组合复选框和单选框。 - `Ext.form.field.Trigger`:触发字段,常用于下拉搜索框。 - `Ext.form.field.Spinner`:用于数字的微调。 - `Ext.form....

    ExtJs_xtype一览

    - `checkboxgroup`:`Ext.form.CheckboxGroup`,自2.2版本起,用于组织多个多选框的组件。 - `displayfield`:`Ext.form.DisplayField`,只读显示,不参与验证和提交的文本字段。 - `radiogroup`:`Ext.form....

    ExtJS入门教程(超级详细)

    45、Ext.form.Field类 …………………… 41 46、Ext.form.Checkbox类 …………… 42 47、Ext.form.Radio类 ………………… 43 48、Ext.form.HtmlEditor类 …………… 43 49、Ext.form.TextField类 …………… 44 50...

    extjs 可编辑的表格树 Ext.tree.ColumnTree Ext.tree.ColumnTreeEditor

    extjs 可编辑的表格树,每个单元格自定义编辑组件,可以自适应列宽,只有源码与例子,运行实例要修改路径,不然图片不能显示,注意etree.jsp的js引入路径...支持Ext2.x以上版本 如运行不了EmailTo : codeme9@gmail.com

    ExtJS实现动态读写Checkboxgroup

    var checkboxGroup = Ext.create('Ext.form.CheckboxGroup', { columns: 2, items: [{ boxLabel: 'Option 1', name: 'option1', inputValue: '1' }, { boxLabel: 'Option 2', name: 'option2', inputValue:...

    Ext表单组件之checkbox

    在Ext JS中,复选框是`Ext.form.field.Checkbox`类的实例,提供了一套完整的API来处理用户的选中和未选中状态。 2. **创建复选框** 创建一个基本的复选框,你需要定义一个配置对象,包括`xtype`属性来指定组件类型...

    EXT from培训教材

    3. **复选框**:使用`Ext.form.Checkbox`创建,用于选择是/否选项。例如: ```javascript new Ext.form.Checkbox({ fieldLabel: 'Active', name: 'active' }); ``` `name`属性用于标识字段,`fieldLabel`用于显示...

    EXT核心API详解.doc

    41. **Ext.form.Checkbox类**:复选框字段。 42. **Ext.form.Radio类**:单选按钮字段。 43. **Ext.form.HtmlEditor类**:HTML编辑器组件,提供富文本编辑功能。 这些类构成了EXT的核心API,它们提供了丰富的UI...

Global site tag (gtag.js) - Google Analytics