其他分享
首页 > 其他分享> > ThingsBoard入门实战（六）：设备列表和带状态跳转

ThingsBoard入门实战（六）：设备列表和带状态跳转

作者：互联网

设备列表和带状态跳转

上节有提到，这节就是仪表盘甚至整个专题的精髓，信息量很大，请反复阅读体会。。理解透了，甚至可以用仪表盘开发基于设备的应用系统

一、多个设备

为了实现设备的跳转，我们至少需要两个设备。
按照之前添加设备的方式添加 第二个设备路灯2。

二、列表部件

路灯列表

添加路灯列表
在这里插入图片描述

在这里插入图片描述

进入编辑模式，选择Entity admin widgets实体管理部件库
在这里插入图片描述

选择Device admin table设备管理部件：
在这里插入图片描述
在这里插入图片描述

可见需要一个别名

别名

添加别名，注意筛选器类型要是设备类型：
在这里插入图片描述

设备类型选路灯：
在这里插入图片描述

选好要导入的遥测值：
在这里插入图片描述

点击添加，大功告成：
在这里插入图片描述

仔细看看，增删改一应俱全，简直比低代码还低代码！
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

看起来不错，不过我觉得跳转我们自己的详情页会更美丽。

列表Action到详情

进入部件编辑模式，选择Action这个Tab，可以发现刚我们看到的增删改三大操作都是在这定义的，

在这里插入图片描述

我们在这里定义一个新的按钮，它可以有四个位置，
在这里插入图片描述

对应到列表页面：
在这里插入图片描述

我们需要跳转详情，自然是在单元格之内比较直观

设置一下
在这里插入图片描述

注意这两层都需要保存
在这里插入图片描述

在这里插入图片描述

点击查看详情
在这里插入图片描述

看起来不错的样子，
在这里插入图片描述

可是，数据对么？
记得我们详情里选的别名是 路灯1，
现在有两个路灯了，路灯2也得有姓名，
我们得让别名随着设备走。

三、设备详情升级

设备详情的别名修改

进入 路灯详情 仪表板的 编辑模式，
在这里插入图片描述

点击别名图标
在这里插入图片描述

现在别名叫路灯1已经不合适了，我们叫它单路灯,
最重要的是，要把筛选器改成仪表板实体状态，这样他就能获取跳转之前这个实体的状态了。
在这里插入图片描述

切记，每次修改一定要记得保存！
现在用路灯2验证一下：
在这里插入图片描述

在这里插入图片描述

跳转成功！

再来点小优化，我们怎么跳回列表呢？用Action！

跳回列表

进入 路灯详情 仪表板的 编辑模式，
在这里插入图片描述

点击地图面板的编辑图标：
在这里插入图片描述

给地图新增一个Action：
在这里插入图片描述

保存，然后发现 路灯详情 仪表板 右上角 多了个跳转的图标：
在这里插入图片描述

点击直接跳到列表，完美！
在这里插入图片描述

四、下一步

通过这节的练习，我们几乎只用配置就实现了一个基于路灯的管理模块，下一节我们把它修改完善一下，然后发布出去。

标签：路灯,入门,别名,列表,详情,跳转,ThingsBoard,设备
来源： https://www.cnblogs.com/east196/p/15677173.html