ExtJs教程-NumberField和TextField和TextArea还有Hidden的使用

posted by David Chen at April 10, 2008, 7:46 AM    

html中的form标签下的组件和在extjs中form中的这些组件的定义大同小异,就用其中一个看一下

Class Ext.form.NumberFieldPackage: Ext.form
Defined In: NumberField.js
Class: NumberField
Extends: TextField

// javascript代码:
var nf = new Ext.form.NumberField({
      fieldLabel: 'Home Phone',
      name: 'content', // input的name属性
      allowBlank: false,
      allowDecimals: false, // 允许小数点
      allowNegative: false, // 允许负数
      blankText: 'Enter the number ...',
//如为空，后面会出现一个I的图标，点击后出现的alt内容
      emptyText: 'Enter the number ...',
//如为空，直接在input中出现的text,有红色边框
      value: '123' // 初始值
});
在验证方面可以用到 allowBank, regex(正则表达式), regexText, nanText, msgFx 等的设置,功能很好很强大,
详细到各个组件的设置,请参考官方的api文档,