AI视频结构化安防智能分析平台EasyCVR前端界面通道选中及取消无效问题优化

2021-04-21 14:26:35 浏览数 (1)

在EasyCVR智能分析平台的开发中,我们在很多细节的地方都在不断做优化,除了在功能上的精进之外,对于前端页面的展现,我们也采用了符合用户使用习惯的最佳方式。

在开发EasyCVR视频通道分配时,如果是将已选中的树状图直接点击父节点,进行当前通道全部取消后,再展开当前通道,会出现之前所选中提交的数据又重新选中,父节点不能取消选中当前节点的子项。

通过分析代码我们得知,已选中和未选中的父节点第一次点击输出val.checked结果都为false。点击有子节点的通道后展开,之前存储的子项又重新选中,导致直接点击父节点不能取消选中当前节点子项的情况。

因此,此处我们可以对树图点击事件添加一条val.checked为false的判断条件,将当前选中子节点DeviceID为val.id的数据删除。

解决效果如下,可直接对一级栏进行整体的选中或者取消选中:

0 人点赞