`
liuye066
  • 浏览: 266379 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

Ext3.0学习笔记-DateField风格

    博客分类:
  • ext
 
阅读更多
风格 说明 范例 结果
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 3.0中文API是EXT JavaScript库的一个重要版本,主要为Web应用程序提供丰富的用户界面组件和交互...通过深入学习和理解EXT 3.0中文API,开发者可以充分利用EXT库的强大功能,创建出具有专业级用户体验的Web应用。

    Ext DateField控件 - 只选择年月

    "Ext DateField控件 - 只选择年月"这个主题聚焦于一个特定的UI组件,用于帮助用户仅选择日期中的年份和月份部分,而忽略具体的日期。这在处理诸如生日、合同有效期等只需要年月信息的场景时非常有用。 Ext JS是一个...

    Ext用户扩展控件---------日期时间选择器,可以精确到某天的某分钟

    在EXT中,DateField是一个常用的组件,用于输入日期。然而,标准的EXT DateField控件仅支持用户选择到日期级别,无法满足精确到分钟的需求。针对这种情况,EXT社区提供了丰富的用户扩展(Ux,User Extensions)来...

    Ext DateField控件 - 只选择年月插件

    Ext DateField控件是Ext JS库中的一个组件,主要用于处理日期相关的输入。在Web应用程序中,用户经常需要输入或选择日期,DateField控件提供了一个交互式的界面来完成这一任务。然而,有时我们可能只需要用户选择...

    Ext扩展dateField时间控件,可以选择年月日、年月、年、月

    在本文中,我们将深入探讨`Ext`框架中的`dateField`扩展,特别是在允许用户选择不同时间范围方面的能力,如年月日、年月、年或仅月。`Ext`是Sencha公司开发的一个强大的JavaScript应用框架,常用于构建富客户端Web...

    Ext3.0 的 datetime 控件,完美运行,完美销毁,可同时使用多个[本人原创]

    这个是我很辛苦自己写出来的,有需要的朋友多多支持 Ext3.0 下完美使用,完美运行,完美销毁,可同时使用多个,使用方法同datefield,可设置参数也相同[本人原创] 下载包内有使用说明,文档,运行图

    extjs中 google 不兼容 datefield 控件

    在本篇文章中,我们将深入探讨一个具体的技术问题:在ExtJS框架中,Google浏览器与DateField控件的不兼容性问题。这个问题对于那些正在使用ExtJS进行Web应用程序开发的开发者来说,是一个非常实用且需要解决的技术...

    Ext-datatimefield日期与时间选择器精确至时分秒

    1.此控件支持Ext3.2及以上版本 2.用法与Ext.form.DateField一样,xtype:'datetimefield' 3.不需要导入css或其他js 4.解决某些插件导入会显示对象未定义问题

    ExtJS3总结内容

    - `formcomponents`: `form`, `checkbox`, `checkboxgroup`, `combo`, `datefield`, `displayfield`, `field`, `fieldset`, `hidden`, `htmleditor`, `label`, `numberfield`, `radio`, `radiogroup`, `textarea`, `...

    Ext dateField扩展 可单独选择年月,年,月.可清空

    标题中的“Ext dateField扩展 可单独选择年月,年,月.可清空”指的是在使用Ext JS(一个流行的JavaScript框架)开发Web应用时,对内置的dateField组件进行的一种自定义扩展。这个扩展允许用户在日期选择器中不仅可以...

    ext4.2学习之路

    ### ext4.2学习之路:深入理解Ext JS 4.2框架 #### 一、Ext JS 4.2概述 Ext JS是一款强大的企业级富客户端Web应用程序开发框架,基于JavaScript和HTML5技术,用于构建高性能的桌面和移动Web应用程序。Ext JS 4.2...

    ExtJs 带清空功能的日期组件

    DateField是Ext.form.field.Date的实例,它继承自Ext.form.field.Text。DateField提供了一个日期选择器,允许用户通过日历图标选择日期,或者直接在文本框中输入日期。默认情况下,它会按照指定的格式显示和验证日期...

    ext日期时间控件 (支持Extjs 3.0以上版本.)

    用过Extjs的人都晓得,Ext自身的DateField只支持日期选择,而TimeField却实现的又很简单。真的是苦了一帮子英雄好汉啊!此控件由本人原创,扩展了DateField。在Extjs3.0.0、3.2.1、3.3.0版本下都测试通过。且在IE6、...

    Extjs xtype集合

    - **`Class`**: `Ext.form.DateField` - **描述**: 日期选择字段。 5. **`timefield`:** - **`xtype`**: `timefield` - **`Class`**: `Ext.form.TimeField` - **描述**: 时间输入字段。 6. **`field`:** -...

    ext(extJS) 3.0 中文API CHM版 ext中文帮助文档

    7. **表单组件**:EXTJS 3.0包含各种表单组件,如文本框(TextField)、选择框(ComboBox)、日期选择器(DateField)等,可构建复杂的表单应用。 8. **图表组件**:EXTJS 3.0还引入了图表组件,可以创建各种统计...

    ext时间控件 (支持Extjs 3.0以上版本.)

    下载后请将文件解压在ext-3.x.x/examples/目录下! 支持 Extjs 3.0以上版本. 用过Extjs的人都晓得,Ext自身的DateField只支持日期选择,而TimeField却实现. ☆☆☆注意,开源啦,内附源码☆☆☆☆

    ext日期控件时分秒

    对于DateTimeField,我们可能需要继承Ext.form.field.DateField,并添加新的配置项和方法来处理时间选择。 2. **时间选择组件**:创建一个新的时间选择组件,比如一个包含小时、分钟和秒的下拉列表,或者使用滑动条...

    Ext Extjs 禁止文本和日期编辑

    在Ext JS这个强大的JavaScript框架中,开发者经常使用各种组件来构建富客户端应用,其中包括TextField(文本字段)和DatePicker(日期选择器)。有时,我们可能需要根据应用需求在运行时禁用这些组件的编辑功能,...

    ext 时间控件带有时分秒的控件

    为了解决这个问题,开发者可以创建一个自定义的EXT JS组件,通过组合EXT JS的基础控件,如TimeField和DateField,或者直接修改EXT JS源码,增加对时分秒选择的支持。 这个自定义组件可能会包含以下关键特性: 1. **...

    extjs DateField完全操作

    考虑到extjs DateField的关键配置和主要操作

Global site tag (gtag.js) - Google Analytics