0 0

Ext.window 中加入 combobox 的问题!10

Ext.onReady(function(){
    var checkGroup = {
            xtype: 'checkboxgroup',
            allowBlank: false,
            items: [
                {boxLabel: 'Item 1', name: 'cb-auto-1'},
                {boxLabel: 'Item 2', name: 'cb-auto-2', checked: true},
                {boxLabel: 'Item 3', name: 'cb-auto-3'},
                {boxLabel: 'Item 4', name: 'cb-auto-4'},
                {boxLabel: 'Item 5', name: 'cb-auto-5'}
            ]
        
    };
    
    var fp = new Ext.Window({
        frame: true,
        labelWidth: 110,
        width: 600,
        height:200,
        items: [
            checkGroup
        ]
    });
    fp.show();
    })


为何在复选框的地方背景颜色 变成了白色。。求高手支招! 感激不尽!


2009年7月23日 13:07

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

0 0

采纳的答案

一样的问题:
http://www.iteye.com/problems/21251
我觉得group放到FormPanel(这里加个frame:true)里..再把formPanel放到window里就行了..
Ext.onReady(function(){  
    var checkGroup = {  
            xtype: 'checkboxgroup',  
            allowBlank: false,  
            items: [  
                {boxLabel: 'Item 1', name: 'cb-auto-1'},  
                {boxLabel: 'Item 2', name: 'cb-auto-2', checked: true},  
                {boxLabel: 'Item 3', name: 'cb-auto-3'},  
                {boxLabel: 'Item 4', name: 'cb-auto-4'},  
                {boxLabel: 'Item 5', name: 'cb-auto-5'}  
            ]  
          
    };  
    var formPanel =new Ext.form.FormPanel({  
            frame:true,  
            items:[checkGroup
            ]  
        }); 
 
    var fp = new Ext.Window({  
        frame: true,  
        labelWidth: 110,  
        width: 600,  
        height:200,  
        items: [  
            formPanel  
        ]  
    });  
    fp.show();  
    })

2009年7月23日 13:15
0 0

我也碰到这个问题,只有设定frame:true才可以,你可以看官网的例子就是这样的

我自己的系统中,就采用这种了.不动他,你也可以全部采用白色,暂时就是这么样.没有去再找解决办法

2009年7月23日 13:16

相关推荐

    用Ext 2.0 combobox 做的省份和城市联动选择框的例程

    在本文中,我们将深入探讨如何使用Ext 2.0的ComboBox组件实现省份和城市联动选择框的功能。Ext是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括ComboBox,用于创建下拉选择框。在这个例程中,我们将看到...

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

    **2.18 ComboBox (Ext.form.ComboBox)** - **xtype**: `combo` - **功能描述**:ComboBox 是一个下拉列表框,用户可以从列表中选择一个值。 - **主要用途**:适用于需要用户从预定义的选项中选择的场景。 **2.19 ...

    Ext Js权威指南(.zip.001

    4.3.3 ext.function中的静态方法 / 120 4.3.4 ext.array中的静态方法 / 127 4.3.5 ext.error中的静态方法 / 133 4.4 深入了解类的创建及管理 / 135 4.4.1 开始创建类 / 135 4.4.2 创建类的类:ext.class / 137...

    基于extjs的.NET3.5控件Coolite 1.0.0.34580(Preview预览版)

    [InstanceOf("Ext.Window")] Example (New) public override string InstanceOf { get { return "Ext.Window"; } } 39. Removed [Layout] Attribute and replaced with new .LayoutType ...

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

    4.1.12 Ext.form.field.ComboBox组合框 4.1.13 Ext.form.field.Time时间选择框 4.1.14 Ext.form.field.Date日期选择框 4.1.15 Ext.form.field.Hidden隐藏字段 4.1.16 Ext.form.field.HtmlEditor编辑器字段 ...

    ext-2.2.zip

    在CDH使用oozie 的时候需要安装ext-2.2.zip; 新增和改进的功能包括: 1、FileUploadField 文件上传 ... ...体验例子见:http://extjs.com/deploy/dev/examples/window/gmap.html ...Ext.form.ComboBox 的样式就很漂亮!

    Ext-JS框架中文文档

    ### Ext-JS框架中文文档知识点概览 #### 一、ExtJS框架简介 **ExtJS** 是一个基于JavaScript的开源框架,它提供了丰富的UI组件库和强大的数据处理能力,非常适合用于构建复杂的Web应用程序。该框架最初由Sencha...

    extjs表单中的下拉框(comobobox)手动添加空选项

    ### ExtJS表单中的下拉框(ComboBox)手动添加空选项 在开发Web应用程序时,ExtJS 是一个非常强大的库,它提供了丰富的组件和API来帮助开发者构建复杂的用户界面。其中一个常用的组件就是`ComboBox`(组合框),它...

    Ext 开发指南 学习资料

    Ext.Window中的closeAction A.13. 使用同步ajax B. 修改日志 C. 后记 C.1. 2007年12月5日,迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的讨论 C.3. 怎么看文档附件里的范例 C.4. ext开发计划 D. ...

    ExtJs_xtype一览

    - `window`:`Ext.Window`,创建可弹出的浮动窗口,具有关闭、最大化、最小化等特性。 - `viewport`:`Ext.ViewPort`,全屏容器,与浏览器视口大小一致,可以自动调整大小。 - `box`:`Ext.BoxComponent`,基本的...

    EXT2.0中文教程

    4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式 4.6.3. 单纯ajax 4.7. 验证苦旅 4.7.1. 不能为空 4.7.2. 最大长度,最小长度 4.7.3. 借助vtype 4.7.4. 自定义验证规则 4.7.5. 算不上校验的NumberField ...

    Ext2 核心 API 中文详解

    - **功能介绍**:`Ext.air.NativeWindow`是Ext2中非常实用的一个API,它允许开发者创建和管理窗口,支持监听事件等功能。 - **示例代码**: ```javascript var win = new Ext.air.NativeWindow({ id: 'winId',...

    ExtJS-3.4.0系列目录

    - `Ext.form.field.ComboBox`:下拉列表框,可以是静态或动态加载的。 - `Ext.form.field.Time`:时间选择器。 - `Ext.form.field.Date`:日期选择器。 - `Ext.form.field.Hidden`:隐藏字段。 - `Ext.form....

    Extjs实用教程

    - **ComboBox**: `Ext.form.ComboBox`,下拉选择框。 - **DateField**: `Ext.form.DateField`,日期输入框。 - **Field**: `Ext.form.Field`,表单字段基类。 - **FieldSet**: `Ext.form.FieldSet`,表单字段组...

    找到的ExtJS实现多选下拉框3个代码

    Ext.create('Ext.window.Window', { title: '多选下拉框示例', width: 400, height: 300, items: [{ xtype: 'combobox', fieldLabel: '请选择', multiSelect: true, store: { fields: ['id', 'name'], ...

    Extjs2.0中文文档

    9. **Ajax与ComboBox**:Ext.Ajax类简化了Ajax请求的发送过程,文档中会介绍如何使用这个类来处理异步数据交互,包括文件上传等操作。 10. **分页与ComboBox**:对于数据量大的情况,分页是处理数据展示的一个重要...

    ExtJs组件类的对应表

    7. **`statusbar`** - `Ext.StatusBar`,状态条组件,可以显示应用程序的状态信息,曾在2.2版本加入后,在3.0版本中移除。 8. **`colorpalette`** - `Ext.ColorPalette`,调色板组件,用于选择颜色。 9. **`...

    extJs xtype 类型

    1. **`window`:** 窗口组件,提供弹出式对话框的功能,通过`Ext.Window`类实现。 2. **`viewport`:** 视口组件,表示浏览器的可视区域,能够根据浏览器窗口大小自动调整其大小,通过`Ext.ViewPort`类实现。 3. **`...

    ExtJs xtype一览

    - **`window` (Ext.Window)**: 窗口组件,用于创建独立的弹出窗口。 - **`viewport` (Ext.ViewPort)**: 视口组件,它代表浏览器可视区域,并且可以根据窗口大小自动调整。 - **`box` (Ext.BoxComponent)**: 盒子组件...

Global site tag (gtag.js) - Google Analytics