...
2. 图片控件(普通)
选择本地或网络图片,填充到控件
pkimage.setImageSrc(objectname, src)
说明:脚本设置图片,objectname:控件名称,src:图片地址
3. 定时器控件
- 鼠标右击选择定时器配置,设置时间,单位毫秒
- 鼠标右击选择脚本编辑,选择onTimer(objectname,interval)
在此处编写脚本即可,它根据你设置的时间间隔执行该脚本。
- pktimer.setInterval(objectname, interval)
说明:脚本设置定时器执行间隔时间 objectname:控件名称,interval:时间间隔
4. 实时报警列表
实时列表控件右击实时报警配置
- 常规配置,添加、删除常规配置
- 列表项,是否显示列表项
- 报警设置,设置报警上下限
5. 表格(kendoUI grid)
1.右击通用表格配置
- 点击添加一行按钮,表格新增一行
- 列名:必须对应后台数据返回字段,字段严格按照命名规范
- 显示列名:用于表格头部显示名称,即字段的含义
- 设置行背景颜色,字体颜色,字体大小,是否隐藏等
- 每行尾部删除按钮,可以删除改行
- 脚本编辑
- onChange(objectname,value)
说明:点击表格某一行时触发该事件,执行对应的脚本
- pkgrid.setRows(gridName, rowDataItems)
说明:表格设置数据 gridName:控件名称,rowDataitems:数据格式
参考:[{'col1':'11','col2':'22'},{'col1':'33','col2':'44'}]
- pkgrid.addRows(gridName, rowDataItems) 同上
- pkgrid.deleteRows(gridName, rowDataItems)
说明:根据rowDataItems数据中的id 删除对应行的数据
- getSelectedRows(gridName)
说明:获得当前选中行的数据
6. 子画面
选中控件,点击右上角箭头所指数据属性按钮,必须配置子画面
7. 按钮组
选中控件,右击组按钮配置,设置未选中图片和按钮选中图片,并且设置初始值(默认显示),*组名必须设置,同一组按钮,组名必须相同
预览效果如下图:快速构建导航栏
8. 视频控件
视频控件主要是脚本调用,列举常用方法:
- getVideoCtrl(videoPluginName)
说明: 获得视频播放对象,videoPluginName:控件名称
- setServerInfo(ipOrIpport)
说明:设置服务器信息,ipOrIpport:服务器ip和端口
- getCamera()
说明:获得摄像头
- getZone()
说明:获得摄像头分组
- realplay(camName, videoPluginName, bitStream)
说明: 播放视频,camName:摄像头名称,videoPluginName:控件名称, bitStream:视频码流0主码流,1非主码流
- realplayStop(videoPluginName)
说明:暂停播放视频
- getCurPlayId(videoPluginName)
说明:获得播放视频playId
9. 人脸识别
人脸识别用于人脸登录系统,脚本调用,列举常用方法:
- getVideoPlugin(cameraPluginName)
说明:获得camera 对象,cameraPluginNam:控件名称
- Start(cameraPluginName,param)
说明:开启启动摄像,进行人脸识别
- Stop(cameraPluginName)
说明:关闭摄像头
- GetImage(cameraPluginName)
说明:获得人脸识别的图片,返回base64编码格式图片
10. slider 滑块
slider 滑动控制 范围1%~100%
- getSliderByName(sliderName)
说明:获得slider控件对象
- getSliderValue(sliderName)
说明:获得slider控件当前的数值
- setSliderValue(sliderName,value)
说明:设置slider控件当前数值为value
- getChangeFunction(sliderName, callbak)
说明:callback:回调函数,slider变化时,触发回调函数返回当前数值
- getSliderFunction(sliderName, callbak)
说明:callback:回调函数,slider滑动时,触发回调函数返回当前数值
11. 上传文件控件
上传文件常用脚本如下:
- pkuploadfile.startUpload(objectname, fileName)
说明:开始上传文件,objectname:控件名称,fileName:文件名称
- pkuploadfile.downloadFile(fileName) 下载文件根据fileName
12. 上传人脸图片控件
上传人脸图片控件,需要配合人脸识别控件使用,人脸识别到的人脸(图片),显示到人脸图片控件上
常用脚本:
- pkuploadFace.uploadFaceImage(loginName,objectname,faceNum,imageWrapName)
说明:loginName:登录账号,objectname:控件名称,faceNum:人脸图片位置