Ext学习_表单组件三

/**
 * 文本区
 */
var areaAddress = new Ext.form.TextArea({
	name: "areaAddress",
	fieldLabel: "家庭住址",
	width: 500,
	height: 50
});

/**
 * 时间点选择器
 * Ext.form.TimeField是一个特殊的ComboBox，方便用户选择某个时间点，默认情况下每隔15分钟一个选择点，用户可以
 * 自定义，包括时间选择点的时长和格式,format用于定义时间格式，默认为12小时制，一般采用24小时制，必须手动设置为
 * H:i。increment选项用于配置时间选择点的间隔，默认为15分钟，下面的代码对以上两个选项进行了重写：
 * 如果希望现在时间范围，minValue和maxValue可以做到，分别用于设置时间范围的最小值和最大值，默认为00：00到 24:00
 */
var timeWork = new Ext.form.TimeField({
	name: "timeWork",
	fieldLabel: "上班时间",
	increment:30,
	format:"H:i"
});
/**
 * 在线编辑器
 */
var htmlIntro = new Ext.form.HtmlEditor({
	name: "htmlIntro",
	fieldLabel: "个人简介",
	enableLists: false,
	enableSourceEdit: false,
	height: 150
});
/**
 * Ext.form.HtmlEditor是一个在线编辑器，和文本区最大的不同在于能为输入的文字指定格式，虽然格式定义不太丰富
 * ，但能满足一般性需求。内置的格式有： 设置字体大小、设置字体颜色、文字对齐方式、列表、定义超链接、设置字体名称，
 * 查看源代码等等。
 * 设置是否显示格式：
 * enableFontSize: true,
 * enableColors: true,
 * enableAlignments:true,
 * enableLists: true,
 * enableSourceEdit: true,
 * enableLinks: true,
 * enableFont: true
 * 定义Ext.form.HtmlEditor对象时，将上述配置的值设成false即可隐藏。默认情况下全部显示
 * 
 */
/**
 * 文件域
 */
var txtPhote = new Ext.form.TextField({
	name: "txtPhoto",
	inputType: "file",
	fieldLabel: "照片",
	width: 500
});

/**
 * 备注：
 *   Ext的源代码就是ext-all-debug.js
 */