风格 |
说明 |
范例 |
结果 |
borderColor |
边框颜色 |
borderColor="#ffff00" |
边框黄色 |
borderThickness |
边框混浊度,值小的清晰,值大的模糊 |
borderThickness="2" borderThickness="99" |
边框清晰 边框模糊 |
color |
字的颜色 |
color="red" |
字红色 |
cornerRadius |
边框圆弧半径,值越大越圆 |
cornerRadius="20" |
边框圆弧圆滑 |
dateChooserStyleName |
属性值为一个风格名,设置dateChooser里的风格 |
dateChooserStyleName="style1" <mx:Style> .style1{color:#0000ff;} </mx:Style> |
日期字蓝色显示 |
disabledColor |
不可编辑日期显示的颜色 |
editable="false" disabledDays="[0,6]" disabledColor="#66ff00" |
周六周日不可编辑,颜色为绿色 |
fillAlphas |
背景透明度 |
fillAlphas="[1,1]" |
fillColors |
背景颜色 |
fillColors="[#ffffff,#000000]" |
focusAlpha |
鼠标透明度 |
focusAlpha="0.8" |
focusRoundedCorners |
鼠标圆角半径 |
focusRoundedCorners="br" |
fontAntiAliasType |
fontAntiAliasType="normal" |
fontFamily |
设置字体 |
fontFamily="明朝" |
fontGridFitType |
应用在TextField,像素显示. |
fontGridFitType="pixel" |
fontSharpness |
字的锐利度,(-400,400) |
fontSharpness="400" |
fontSize |
字的大小 |
fontSize="15" |
fontStyle |
字是否斜体 |
fontStyle="italic" |
fontThickness |
字的浓度()200,-200) |
fontThickness="200" |
fontWeight |
字粗细显示 |
fontWeight="bold" |
headerColors |
头的背景色 |
headerColors="[0xcccccc, 0xFF0000] |
headerStyleName |
<mx:Style> .style1{color:#ff0000; fontFamily:明朝;} </mx:Style> headerStyleName="style1" |
highlightAlphas |
高亮透明度 |
highlightAlphas="[1,0.8 |
leading |
日期间隔 |
leading="10" |
paddingLeft |
距容器左边的距离 |
<mx:Panel width="422"> <mx:DateField paddingLeft="10" paddingRight="10" width="402"/> </mx:Panel> |
paddingRight |
距容器右边的距离 |
同上 |
rollOverColor |
鼠标在日期上走时,日期被蓝色块标示 |
rollOverColor="blue" |
selectionColor |
选中的日期被红块标示 |
selectionColor="red" |
textAlign |
文字居中 |
textAlign="center" |
textDecoration |
文字加下划线 |
textDecoration="underline" |
textIndent |
文字留下的间隔 |
textAlign="left" textIndent="4" |
todayColor |
今日用颜色块标示 |
todayColor="red" |
todayStyleName |
今天的风格,属性值为风格名. |
<mx:Style> .style1{color:#ff0000;} .style2{color:#00ff00; fontFamily:明朝; fontSize:15; fontStyle:italic; fontWeight:bold;} </mx:Style> todayStyleName="style2" |
weekDayStyleName |
星期中日的风格,属性值为风格名. |
<mx:Style> .style1{color:#ff0000;} </mx:Style> weekDayStyleName="style1" |
相关推荐
EXT 3.0中文API是EXT JavaScript库的一个重要版本,主要为Web应用程序提供丰富的用户界面组件和交互...通过深入学习和理解EXT 3.0中文API,开发者可以充分利用EXT库的强大功能,创建出具有专业级用户体验的Web应用。
"Ext DateField控件 - 只选择年月"这个主题聚焦于一个特定的UI组件,用于帮助用户仅选择日期中的年份和月份部分,而忽略具体的日期。这在处理诸如生日、合同有效期等只需要年月信息的场景时非常有用。 Ext JS是一个...
在EXT中,DateField是一个常用的组件,用于输入日期。然而,标准的EXT DateField控件仅支持用户选择到日期级别,无法满足精确到分钟的需求。针对这种情况,EXT社区提供了丰富的用户扩展(Ux,User Extensions)来...
Ext DateField控件是Ext JS库中的一个组件,主要用于处理日期相关的输入。在Web应用程序中,用户经常需要输入或选择日期,DateField控件提供了一个交互式的界面来完成这一任务。然而,有时我们可能只需要用户选择...
在本文中,我们将深入探讨`Ext`框架中的`dateField`扩展,特别是在允许用户选择不同时间范围方面的能力,如年月日、年月、年或仅月。`Ext`是Sencha公司开发的一个强大的JavaScript应用框架,常用于构建富客户端Web...
这个是我很辛苦自己写出来的,有需要的朋友多多支持 Ext3.0 下完美使用,完美运行,完美销毁,可同时使用多个,使用方法同datefield,可设置参数也相同[本人原创] 下载包内有使用说明,文档,运行图
在本篇文章中,我们将深入探讨一个具体的技术问题:在ExtJS框架中,Google浏览器与DateField控件的不兼容性问题。这个问题对于那些正在使用ExtJS进行Web应用程序开发的开发者来说,是一个非常实用且需要解决的技术...
1.此控件支持Ext3.2及以上版本 2.用法与Ext.form.DateField一样,xtype:'datetimefield' 3.不需要导入css或其他js 4.解决某些插件导入会显示对象未定义问题
- `formcomponents`: `form`, `checkbox`, `checkboxgroup`, `combo`, `datefield`, `displayfield`, `field`, `fieldset`, `hidden`, `htmleditor`, `label`, `numberfield`, `radio`, `radiogroup`, `textarea`, `...
标题中的“Ext dateField扩展 可单独选择年月,年,月.可清空”指的是在使用Ext JS(一个流行的JavaScript框架)开发Web应用时,对内置的dateField组件进行的一种自定义扩展。这个扩展允许用户在日期选择器中不仅可以...
### ext4.2学习之路:深入理解Ext JS 4.2框架 #### 一、Ext JS 4.2概述 Ext JS是一款强大的企业级富客户端Web应用程序开发框架,基于JavaScript和HTML5技术,用于构建高性能的桌面和移动Web应用程序。Ext JS 4.2...
DateField是Ext.form.field.Date的实例,它继承自Ext.form.field.Text。DateField提供了一个日期选择器,允许用户通过日历图标选择日期,或者直接在文本框中输入日期。默认情况下,它会按照指定的格式显示和验证日期...
用过Extjs的人都晓得,Ext自身的DateField只支持日期选择,而TimeField却实现的又很简单。真的是苦了一帮子英雄好汉啊!此控件由本人原创,扩展了DateField。在Extjs3.0.0、3.2.1、3.3.0版本下都测试通过。且在IE6、...
- **`Class`**: `Ext.form.DateField` - **描述**: 日期选择字段。 5. **`timefield`:** - **`xtype`**: `timefield` - **`Class`**: `Ext.form.TimeField` - **描述**: 时间输入字段。 6. **`field`:** -...
7. **表单组件**:EXTJS 3.0包含各种表单组件,如文本框(TextField)、选择框(ComboBox)、日期选择器(DateField)等,可构建复杂的表单应用。 8. **图表组件**:EXTJS 3.0还引入了图表组件,可以创建各种统计...
下载后请将文件解压在ext-3.x.x/examples/目录下! 支持 Extjs 3.0以上版本. 用过Extjs的人都晓得,Ext自身的DateField只支持日期选择,而TimeField却实现. ☆☆☆注意,开源啦,内附源码☆☆☆☆
对于DateTimeField,我们可能需要继承Ext.form.field.DateField,并添加新的配置项和方法来处理时间选择。 2. **时间选择组件**:创建一个新的时间选择组件,比如一个包含小时、分钟和秒的下拉列表,或者使用滑动条...
在Ext JS这个强大的JavaScript框架中,开发者经常使用各种组件来构建富客户端应用,其中包括TextField(文本字段)和DatePicker(日期选择器)。有时,我们可能需要根据应用需求在运行时禁用这些组件的编辑功能,...
为了解决这个问题,开发者可以创建一个自定义的EXT JS组件,通过组合EXT JS的基础控件,如TimeField和DateField,或者直接修改EXT JS源码,增加对时分秒选择的支持。 这个自定义组件可能会包含以下关键特性: 1. **...
考虑到extjs DateField的关键配置和主要操作