/** * 文本区 */ 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 */
Ext学习_表单组件3
最新推荐文章于 2014-12-04 10:05:30 发布