移动端H5数字键盘功能实现【分享】
金蝶云社区-云社区用户4u731234
云社区用户4u731234
0人赞赏了该文章 1,399次浏览 未经作者许可,禁止转载编辑于2018年02月08日 10:29:45

补充说明:
本帖子内容数字键盘的功能 在2018-03-07的6.x版本补丁中已经发出。
7.x版本也会在下个补丁中进行发放,
具体的示例代码见帖子中的后面内容,单据头及移动分录单据体中的设置代码。

目前的移动端H5“小数”及“整数”数值型控件,当点击输入框时是这个样子的,弹出的是一个字母输入的键盘,

有些时候想实现直接弹出数字键盘,
避免再多一次选择,想要的是这个样子的,


点击输入框,直接显示数字键盘,方便输入数字。

上面的功能已经实现,会在后续的补丁版本中进行发放。

具体的实现代码如下:
【移动表单】拖入一“小数”及“整数”控件,外加一按钮。
当点“切换数字键盘”按钮,
通过设置按钮点击事件,
“小数”及“整数”点击输入框,直接显示数字键盘,

附上代码:
[code]#NumKeyboard数字键盘
#2018-2-7 wanghl
#最后修改 2018-3-8 wanghl

def ButtonClick(e):
SetNumInputType();

#此处2行放开 会初始化加载即切换数字键盘
'''
def AfterBindData(e):
SetNumInputType();
'''

def SetNumInputType():
#单据头字段
config = {'key':'F_PAEZ_Decimal','type':'tel'};
this.View.AddAction("setNumInputType",config);
#或者
config = {'key':'F_PAEZ_Integer','type':'number'};
this.View.AddAction("setNumInputType",config);
#单据体字段
#config = {'key':'F_PAEZ_Decimal1','type':'tel','entrykey':'F_PAEZ_MobileListViewEntity','row':0};[/code]

前面是Android中的截图效果,最后附上IOS的截图效果,
点击“切换数字键盘”前,弹出字母键盘,


点击“切换数字键盘”按钮后,直接显示数字键盘,