-
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个答案 按时间排序 按投票排序
-
采纳的答案
一样的问题:
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
-
我也碰到这个问题,只有设定frame:true才可以,你可以看官网的例子就是这样的
我自己的系统中,就采用这种了.不动他,你也可以全部采用白色,暂时就是这么样.没有去再找解决办法2009年7月23日 13:16
相关推荐
在本文中,我们将深入探讨如何使用Ext 2.0的ComboBox组件实现省份和城市联动选择框的功能。Ext是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括ComboBox,用于创建下拉选择框。在这个例程中,我们将看到...
**2.18 ComboBox (Ext.form.ComboBox)** - **xtype**: `combo` - **功能描述**:ComboBox 是一个下拉列表框,用户可以从列表中选择一个值。 - **主要用途**:适用于需要用户从预定义的选项中选择的场景。 **2.19 ...
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...
[InstanceOf("Ext.Window")] Example (New) public override string InstanceOf { get { return "Ext.Window"; } } 39. Removed [Layout] Attribute and replaced with new .LayoutType ...
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编辑器字段 ...
在CDH使用oozie 的时候需要安装ext-2.2.zip; 新增和改进的功能包括: 1、FileUploadField 文件上传 ... ...体验例子见:http://extjs.com/deploy/dev/examples/window/gmap.html ...Ext.form.ComboBox 的样式就很漂亮!
### Ext-JS框架中文文档知识点概览 #### 一、ExtJS框架简介 **ExtJS** 是一个基于JavaScript的开源框架,它提供了丰富的UI组件库和强大的数据处理能力,非常适合用于构建复杂的Web应用程序。该框架最初由Sencha...
### ExtJS表单中的下拉框(ComboBox)手动添加空选项 在开发Web应用程序时,ExtJS 是一个非常强大的库,它提供了丰富的组件和API来帮助开发者构建复杂的用户界面。其中一个常用的组件就是`ComboBox`(组合框),它...
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. ...
- `window`:`Ext.Window`,创建可弹出的浮动窗口,具有关闭、最大化、最小化等特性。 - `viewport`:`Ext.ViewPort`,全屏容器,与浏览器视口大小一致,可以自动调整大小。 - `box`:`Ext.BoxComponent`,基本的...
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 ...
- **功能介绍**:`Ext.air.NativeWindow`是Ext2中非常实用的一个API,它允许开发者创建和管理窗口,支持监听事件等功能。 - **示例代码**: ```javascript var win = new Ext.air.NativeWindow({ id: 'winId',...
- `Ext.form.field.ComboBox`:下拉列表框,可以是静态或动态加载的。 - `Ext.form.field.Time`:时间选择器。 - `Ext.form.field.Date`:日期选择器。 - `Ext.form.field.Hidden`:隐藏字段。 - `Ext.form....
- **ComboBox**: `Ext.form.ComboBox`,下拉选择框。 - **DateField**: `Ext.form.DateField`,日期输入框。 - **Field**: `Ext.form.Field`,表单字段基类。 - **FieldSet**: `Ext.form.FieldSet`,表单字段组...
Ext.create('Ext.window.Window', { title: '多选下拉框示例', width: 400, height: 300, items: [{ xtype: 'combobox', fieldLabel: '请选择', multiSelect: true, store: { fields: ['id', 'name'], ...
9. **Ajax与ComboBox**:Ext.Ajax类简化了Ajax请求的发送过程,文档中会介绍如何使用这个类来处理异步数据交互,包括文件上传等操作。 10. **分页与ComboBox**:对于数据量大的情况,分页是处理数据展示的一个重要...
7. **`statusbar`** - `Ext.StatusBar`,状态条组件,可以显示应用程序的状态信息,曾在2.2版本加入后,在3.0版本中移除。 8. **`colorpalette`** - `Ext.ColorPalette`,调色板组件,用于选择颜色。 9. **`...
1. **`window`:** 窗口组件,提供弹出式对话框的功能,通过`Ext.Window`类实现。 2. **`viewport`:** 视口组件,表示浏览器的可视区域,能够根据浏览器窗口大小自动调整其大小,通过`Ext.ViewPort`类实现。 3. **`...
- **`window` (Ext.Window)**: 窗口组件,用于创建独立的弹出窗口。 - **`viewport` (Ext.ViewPort)**: 视口组件,它代表浏览器可视区域,并且可以根据窗口大小自动调整。 - **`box` (Ext.BoxComponent)**: 盒子组件...
- **Ext.Element 类中的动画函数**:可以直接对 DOM 元素应用动画效果。 #### 六、元素操作与模板 - **Ext.DomHelper 类**:用于帮助创建和操作 DOM 元素。 - **Ext.XTemplate**:这是一种模板引擎,用于动态生成 ...