单行文本输入框
该组件可以作为单行文本输入框。
该文本框限制最大字符长度限制为200,超出200个字符后会提示错误信息。
属性 | 值 | 备注 |
---|---|---|
type | IrootTextInput | |
name | 属性名,可以自定义,不要超过4个字,否则会折行。 | |
callback | string/object | 可以直接配置回调函数名或一个对象。 当配置callback为回调函数名时,回调函数会接收一个返回值。格式:{ngvtext:"标题名称"} 当配置为对象时,具体用法请看尺寸组件下面的callback配置为object |
customInput | object | 可以配置如参值 |
verification | object | 对入参值添加限制条件和错误提示 |
- customInput下可以配置的属性:
属性 | 类型 | 值 | 备注 |
---|---|---|---|
ngvtext | string | 输入文本,这里的字符长度限制为200,超出200个字符后会提示错误信息 |
- verification下可以配置的属性:
属性 | 类型 | 值 | 备注 |
---|---|---|---|
ngvtext | Object | 该节点下可以配置开发者对ngvtext字符长度的限制 |
maxLength
最大长度限制,开发者可以规定文本最大字符限制,但这个值不能大于该组件自身的200长度的限制,否则会按200来处理。
errMessage
当输入文本超出长度后的提示信息
例如:
{
"develop":{
"html":"index.html",
"css":["./styles/index.css"],
"entry":"./scripts/main.js",
"scripts":{
}
},
"plugins":[],
"services":[],
"libs":[],
"customAttributes":{
"pro":[
{
"type":"IrootTextInput",
"name":"标题名称",
"customInput":{
"ngvtext":"动画演示"
},
"verification":{
"ngvtext":{
"maxLength":20,
"errMessage":"标题不能超过20个字符"
}
},
"callback":{
"ngvtext":"titleChange"
}
},
],
"con":[
]
}
}
上面示例中,配置了文本框的入参值为:“动画演示”
添加了verification配置项,maxLength用来控制文本的输入最大长度,errMessage是当超出最大长度时的错误提示内容。
最后添加callback回调函数titleChange。
main.js:
(function(){
return{
$data:{
properties:null
},
$hooks:{
onInit(properties){
this.properties=properties;
},
onDestroy(){
},
setData(){
},
outSizeCallBack(){
}
},
$methods:{
titleChange(data){
if(data){
console.log('ngvcheckListChange:///////')
console.log(data)
}
//{ "label": "Yaxis", "text": "Y轴刻度", "checked": false }
}
}
}
})