在数据库更新时刷新 UI 组件
Refresh UI component on DB update
我在外部系统中有一个公开的 REST API 和一个 UI 组件（标签）。
REST API 在数据库中插入一些数据。
因此，我的要求是，当我的外部应用程序使用 REST API 在外部系统中插入数据时，UI 组件会自动（实时）更新其值。
外系统怎么可能？
最好的选择是 socket.io
Socket.io 是一个很好的双向客户端服务器通信 js 库，它可以 "emit" 客户端可以 "listen" 处理的事件。
非阻塞实时
您可以在实体的插入上启动进程。但这不会刷新 UI。
要刷新 UI，您可以使用 Javascript 定期刷新页面。
您需要在页面中添加两个表达式。第一个在页面顶部（即 MainContent 部分中的第一个元素），第二个在 Footer 部分中。
在表达式中添加一些 Javascript 作为 Value。
- 第一个表达式：
"<script>function refresh(){setTimeout(function(){ $('#"+RefreshButton.Id+"').click();refresh(); }, 5000);};</script>"
- 第二个表达式：
"<script>refresh();</script>"
注意：请记住将两个表达式的 Escape Content 设置为 No！
我在外部系统中有一个公开的 REST API 和一个 UI 组件（标签）。
REST API 在数据库中插入一些数据。
因此，我的要求是，当我的外部应用程序使用 REST API 在外部系统中插入数据时，UI 组件会自动（实时）更新其值。
外系统怎么可能？
最好的选择是 socket.io
Socket.io 是一个很好的双向客户端服务器通信 js 库，它可以 "emit" 客户端可以 "listen" 处理的事件。
非阻塞实时
您可以在实体的插入上启动进程。但这不会刷新 UI。
要刷新 UI，您可以使用 Javascript 定期刷新页面。
您需要在页面中添加两个表达式。第一个在页面顶部（即 MainContent 部分中的第一个元素），第二个在 Footer 部分中。
在表达式中添加一些 Javascript 作为 Value。
- 第一个表达式：
"<script>function refresh(){setTimeout(function(){ $('#"+RefreshButton.Id+"').click();refresh(); }, 5000);};</script>" - 第二个表达式：
"<script>refresh();</script>"
注意：请记住将两个表达式的 Escape Content 设置为 No！