您的位置:首页 > 产品设计 > UI/UE

SAPUI5教程——MaskInput的妙用

2017-08-17 04:54 239 查看


前言

SAPUI5作为一个重量级别的框架,提供了丰富的组件,今天介绍一个非常实用的组件叫做MaskInput, 在格式化邮编,电话等具有特殊格式的数据,非常管用,使用更是简单,如果用其他框架实现就非常的麻烦了。

给大家介绍一下:

应用

先看下代码:

<MaskInput mask = "CCCC-CCCC-CCCC-CCCC-CCCC" placeholderSymbol = "_" placeholder = "Enter serial number">
<rules>
<MaskInputRule maskFormatSymbol = "C" regex = "[A-Z0-9]"/>
</rules>
</MaskInput>


mask = “CCCC-CCCC-CCCC-CCCC-CCCC” 定义了要定义的数据格式

placeholderSymbol = “_” 定义了输入时候要定义的替换符号

MaskInputRule 定义了输入规则,是数字还是字符,大写还是小写,可以在这里定义

maskFormatSymbol = “C” 这个指定的字符一定要和mask定义的规则匹配

接下来看下效果吧!



更多教程: http://edu.csdn.net/course/detail/5046
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  SAPUI5 SAP-FIORI