自定义编辑框。
Summary | |||
---|---|---|---|
方法 | 说明 | 适用平台 | |
uexEditDialog.open(opid,x,y,w,h,fontSize,fontColor,inputType,inputHint,defaultText,maxNum) | 打开输入对话框 | ||
uexEditDialog.close(opId) | 关闭编辑框 | ||
uexEditDialog.inset(opId,text) | 插入数据 | ||
uexEditDialog.cleanAll(opId) | 清除所有数据 | ||
uexEditDialog.getContent(opId) | 获取编辑框内所有数据 | ||
uexEditDialog.onNum(opId,num) | 文本框字数改变时返回的剩余字数的回调函数 |
1、uexEditDialog.open(opid,x,y,w,h,fontSize,fontColor,inputType,inputHint,defaultText,maxNum)
方法说明:打开输入对话框
参数说明:
opid:在该网页 editDialog对话框的唯一标识
x:输入框距左上角的x方向距离(像素)
y:输入框距左上角的Y方向距离(像素)
w:输入框的宽度(像素)
h:输入框的高度(像素)
fontSize:提示字,以及输入文本字体大小,建议16-18
fontColor:提示字,以及输入文本字体颜色,rgba或着#xxx,#xxxxxx,如果解析错误默认为黑色
inputType:输入文字类型,输入框根据传入类型来调整键盘布局,支持4种键盘布局见常量表Keyboard Type;
inputHint:输入框中默认提示文字
defaultText:输入框默认显示文字
maxNum:最大字数,如果填写为0,或者不填,则不回调uexEditDialog.onNum方法
Callback方法:
// opId:操作ID
// dataType: 返回数据的数据类型为uex.cInt(值为2)
// data: 返回的int型的数据,成功为0,或失败为1
uexEditDialog.cbOpen(opId,dataType,data)
适用平台:
方法说明:关闭编辑框
参数说明:
opid:关闭对应的OpId的编辑框
Callback方法:
// opId:操作ID
// dataType: 返回数据的数据类型为uex.cInt(值为2)
// data: 返回的int型的数据,成功为0,或失败为1
uexEditDialog.cbClose(opId,dataType,data)
适用平台:
3、uexEditDialog.inset(opid,text)
方法说明:插入数据
参数说明:
opid:对象标识
text:传入数据
Callback方法:
// opId:操作ID
// dataType: 返回数据的数据类型为uex.cInt(值为2)
// data: 返回的int型的数据,成功为0,或失败为1
uexEditDialog.cbInsert(opId,dataType,data)
适用平台:
4、uexEditDialog.cleanAll(opid)
方法说明:清除所有数据
参数说明:
opid:在该网页 editDialog对话框的唯一标识
Callback方法:
// opId:操作ID
// dataType: 返回数据的数据类型为uex.cInt(值为2)
// data: 返回的int型的数据,成功为0,或失败为1
uexEditDialog.cbCleanAll(opId,dataType,data)
适用平台:
5、uexEditDialog.getContent(opid)
方法说明:获取编辑框内所有数据
参数说明:
opid:该对象在该网页的唯一标识
Callback方法:
// opId:操作ID
// dataType: 返回数据的数据类型为uex.cText(值为0)
// data: 文本框的数据
uexEditDialog.cbGetContent(opId,dataType,data)
适用平台:
6、uexEditDialog.onNum(opId,num)
方法说明:文本框字数改变时返回的剩余字数的回调函数
参数说明:
opId:对应的标识
num:返回的剩余字数
Callback方法:无
适用平台:
// 本代码由寒暄提供,如有bug请和寒暄联系(QQ:457696322 Q群:7702175) <!DOCTYPE html> <html> <head> <title>AppCan API uexEditDialog</title> <meta charset="utf-8"> </head> <body> <div style="height:2em;width:100%;border:solid red" id="editDialog"> </div><br/> <input type="button" value="open" onclick="open()"/><br/> <input type="button" value="insert" onclick="uexEditDialog.insert('999','AppCan 跨平台开发')"/><br/> <input type="button" value="clearAll" onclick="uexEditDialog.clearAll('999')"/><br/> <input type="button" value="getContent" onclick="uexEditDialog.getContent('999')"/><br/> <input type="button" value="close" onclick="uexEditDialog.close('999')"/><br/> </body> <script> window.uexOnload = function(type){ if(!type){ //打开自定义编辑框的回调函数 uexEditDialog.cbOpen = function(opId,dataType,data){ if(dataType==2){ if(data==0){ alert('Open success'); }else{ alert('Open fail'); } } } //插入数据的回调函数 uexEditDialog.cbInsert = function(opId,dataType,data){ if(dataType==2){ if(data==0){ alert('Insert success'); }else{ alert('Insert fail'); } } } //文本框字数改变时返回的剩余字数的回调函数 uexEditDialog.onNum = function(opId,num){ alert('onNum:'+num); } //清除编辑框所有数据 uexEditDialog.cbCleanAll = function(opId,dataType,data){ if(dataType==2){ if(data==0){ alert('CleanAll success'); }else{ alert('CleanAll fail'); } } } //获取编辑框内所有数据的回调函数 uexEditDialog.cbGetContent = function(opId,dataType,data){ if(dataType==2){ if(data==0){ alert('GetContent: '+data); }else{ alert('GetContent fail'); } } } //关闭自定义编辑框的回调函数 uexEditDialog.cbClose = function(opId,dataType,data){ if(dataType==2){ if(data==0){ alert('Close success'); }else{ alert('Close fail'); } } } } } //打开自定义编辑框 function open(){ var s=window.getComputedStyle($$("editDialog"),null), w = ''+parseInt(s.width), h = ''+parseInt(s.height), f = ''+parseInt(s.fontSize); uexEditDialog.open('999', '0', '0', w, h, f, '#FF0000', '0', '请输入内容', '', '50'); } </script> </html>