高级控件使用手册

注意：所有控件必须唯一命名

1.高级图片控件

选择本地或网络图片，填充到控件

2. 图片控件（普通）

选择本地或网络图片，填充到控件

• setImageSrc(objectname, src)

说明：脚本设置图片，objectname:控件名称，src：图片地址

3. 定时器控件

• 鼠标右击选择定时器配置，设置时间，单位毫秒

• 鼠标右击选择脚本编辑，选择onTimer(objectname,interval)

在此处编写脚本即可，它根据你设置的时间间隔执行该脚本。

• pktimer.setInterval(objectname, interval)

说明:脚本设置定时器执行间隔时间 objectname:控件名称，interval:时间间隔

4. 实时报警列表

实时列表控件右击实时报警配置

• 常规配置，添加、删除常规配置
• 列表项，是否显示列表项
• 报警设置，设置报警上下限

5. 表格（kendoUI grid）

1.右击通用表格配置

• 点击添加一行按钮，表格新增一行
• 列名：必须对应后台数据返回字段,字段严格按照命名规范
• 显示列名：用于表格头部显示名称，即字段的含义
• 设置行背景颜色，字体颜色，字体大小，是否隐藏等
• 每行尾部删除按钮，可以删除改行

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:人脸图片位置