多行输入扩展 TextArea2

示例

基本形式

大部分属性的用法与<textarea>一致。

<label>备注：<textarea2 placeholder="请输入备注" /></label>

验证

<label>邮箱：<textarea2 rules={rules} maxlength=20 /></label>

var component = new RGUI.Component({
    template: template,
    data: {
        rules: [
            {type: 'isFilled', on: 'blur', message: '请输入邮箱！'},
            {type: 'isEmail', on: 'keyup+blur', message: '请输入正确的邮箱！'}
        ]
    }
});

API

Class

TextArea2

继承自Component。

Options

new TextArea2()

参数	类型	默认值	数据流向	描述
`data`	object			绑定属性
`data.value`	string	`''`	outer <=> inner	文本框的值
`data.placeholder`	string	`''`	outer => inner	占位符
`data.state`	string	`''`	outer <=> inner	文本框的状态
`data.maxlength`	number		outer => inner	文本框的最大长度
`data.rules`	object[]	`[]`	outer => inner	验证规则
`data.autofocus`	boolean	`false`	outer => inner	是否自动获得焦点
`data.readonly`	boolean	`false`	outer => inner	是否只读
`data.disabled`	boolean	`false`	outer => inner	是否禁用
`data.visible`	boolean	`true`	outer => inner	是否显示
`data.class`	string	`''`	outer => inner	补充class

Methods

textArea2.validate()

根据`rules`验证组件的值是否正确

参数	类型	默认值
无参数
返回值	类型	描述
`result`	object	结果