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教程——can not load launchpad Tile问题解决方案
- SAPUI5教程——框架简介以及应用实践
- SAPUI5教程——安装Hybrid Application Tools失败
- SAPUI5教程—— Link的基本用法
- SAPUI5教程——清除SAP Fiori服务缓存
- SAPUI5教程——如何改变SAP Fiori登陆页面的背景图片
- SAPUI5教程——URLHelper的使用技巧
- SAPUI5教程——MessageStrip的应用场景
- SAPUI5教程——查看系统安装的SAPUI5版本
- SAPUI5教程——在XML View中使用$运算符
- SAPUI5教程——The project is corrupted because its '.user.project.json' file has an invalid JSON
- SAPUI5教程——实现倒计时控制Button是否可以点击效果
- SAPUI5教程——更改ODataModel默认的请求方式
- SAPUI5教程——最全中文学习指南(必看)
- SAPUI5教程——SAP WEB IDE崩溃
- SAPUI5教程——Content Densities
- SAPUI5教程——Aggregation Binding的应用
- SAPUI5教程——ABAP环境下SAP Fiori 系统搭建以及开发实践
- SAPUI5教程——SAP Fiori应用类型分析(Transactional, Fact Sheets, Analytical)
- SAPUI5教程——ActionSheet的应用