隐藏 Ext.form.DateField 的触发(trigger)元素使其内容不能修改并使其所有的文本框(text field)显示格式为Y-m-d(2009-06-18):
1
隐藏 Ext.form.DateField 的触发(trigger)元素
items : [{
xtype : '
datefield
',
fieldLabel : '开始日期',
name : 'fillinDate',
id : 'fillinDate',
format: '
Y-m-d
',
hideTrigger: true,
// True to hide the trigger element and display only the base text field(defaults to false)
readOnly: true
,
anchor : '95%'
}]
2
使
DateField
所有的文本框(text field)显示格式为Y-m-d(2009-06-18),只要在 js 文件的开头加以下代码即可:
Ext.apply(Ext.form.DateField.prototype, {
altFormats :'Y-m-dTH:i:s',
format :'Y-m-d'
});
有关 prototype 的内容是值得去学的,这对更好应用 Javascript 语言是很有帮助的,还有正则表达式的内容。
版权声明:
如果大家要转载本文,我非常荣幸。但请参加转载网址,谢谢!
分享到:
相关推荐
### Ext.form表单中各种属性应用详解 #### 1. Ext.form.NumberField **Ext.form.NumberField** 是 **Ext.form.TextField** 的一个扩展,它专为处理数字输入而设计,提供了一系列与数值相关的配置选项。 - **...
EXT.form组件的事件处理也很重要,例如`Ext.form.TriggerField`的`onTriggerClick`事件,会在用户点击触发按钮时触发,通常用于执行下拉菜单的显示或隐藏操作。 EXT.form组件的灵活性和丰富性使得开发者可以轻松地...
在上述代码中,我们首先创建了一个`TextField`实例,并设置了其`readOnly`属性为`true`,这使得用户不能在文本框中输入或修改文本。你可以根据业务逻辑在合适的时间调用`setReadOnly`方法来切换文本框的可编辑状态。...
DateField是Ext.form.field.Date的实例,它继承自Ext.form.field.Text。DateField提供了一个日期选择器,允许用户通过日历图标选择日期,或者直接在文本框中输入日期。默认情况下,它会按照指定的格式显示和验证日期...
它可能包含了自定义的`Ext.form.field.Date`子类,覆盖了默认的行为并添加了所需的扩展功能。文件内容可能包括定义新的配置选项、重写方法以处理用户交互、定义新的模板以显示不同的日期格式,以及注册事件处理器等...
1. **类定义**:创建一个新的DateField子类,可能命名为`MonthPicker`,继承自Ext.form.field.DateField。 2. **配置项**:定义新的配置选项,如`allowOnlyMonthYear`,用于开启只选择年月模式。 3. **模板修改**:...
**2.29 Trigger Field (Ext.form.TriggerField)** - **xtype**: `trigger` - **功能描述**:Trigger Field 是一个带有触发器按钮的文本框。 - **主要用途**:适用于需要在文本框旁边添加一个按钮以触发某个动作的...
1.此控件支持Ext3.2及以上版本 2.用法与Ext.form.DateField一样,xtype:'datetimefield' 3.不需要导入css或其他js 4.解决某些插件导入会显示对象未定义问题
这个插件的工作原理是修改DateField原有的选择界面,使其仅显示年份和月份的选项,通常会通过一个下拉菜单或者弹出的日历面板实现。它还会处理用户的选择,确保所选的值符合'Y-m'格式。 在实际开发中,你可以根据...
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.CompositeElement.clear()`: 清除所有元素。 - `Ext.CompositeElement.dom`: 获取DOM元素数组。 #### 14. Ext.CompositeElementLite 类 (P.16) - **概述**:轻量级版本的`Ext.CompositeElement`。 - **...
8. **`hidden`** - `Ext.form.Hidden`,表单隐藏域,用于存储需要但不需要显示的信息。 9. **`htmleditor`** - `Ext.form.HtmlEditor`,HTML编辑器,用于编辑富文本。 10. **`label`** - `Ext.form.Label`,标签...
- `trigger`:`Ext.form.TriggerField`,触发式输入框,常用于日期或搜索框。 - `checkboxgroup`:`Ext.form.CheckboxGroup`,自2.2版本起,用于组织多个多选框的组件。 - `displayfield`:`Ext.form....
Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...
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.form.TextField) 在Ext JS框架中,`Ext.form.TextField`是一种用于收集用户输入的基本控件,它提供了丰富的配置选项来实现数据校验。例如,在示例中,通过设置`allowBlank: false`,...
**Ext.form.DateField** - **描述**: 日期选择项,用户可以输入或选择日期。 - **用途**: 事件日期、出生日期等。 **Ext.form.TimeField** - **描述**: 时间录入项,用户可以输入或选择时间。 - **用途**: 会议时间...
- **`field` (Ext.form.Field)**: 表单字段组件,是所有表单元素的基类。 - **`fieldset` (Ext.form.FieldSet)**: 表单字段组组件,用于将相关的表单字段组织在一起。 - **`hidden` (Ext.form.Hidden)**: 表单隐藏域...
- **`Class`**: `Ext.form.DateField` - **描述**: 日期选择字段。 5. **`timefield`:** - **`xtype`**: `timefield` - **`Class`**: `Ext.form.TimeField` - **描述**: 时间输入字段。 6. **`field`:** -...
`allowBlank`属性控制是否允许字段为空,`format`属性定义了日期的显示格式。 3. **复选框**:使用`Ext.form.Checkbox`创建,用于选择是/否选项。例如: ```javascript new Ext.form.Checkbox({ fieldLabel: '...