SAPUI5教程——MaskInput的妙用

论坛 期权论坛 脚本     
匿名技术用户   2020-12-21 18:26   27   0

这里写图片描述

前言

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

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP