-
Jul 29th, 2021, 06:30 AM
#1
Thread Starter
Fanatic Member
How to update the client's object properties in <div>?
I'm developing a dashboard web app (ASP MVC Net Core 3.1), like the common dashboard app, some info will be processed at the backend and will update the dashboard periodically.
example: Monitoring CPU usage %
Code:
<div class="text-uppercase mb-1"><small><b>CPU Usage</b></small></div>
<div class="progress progress-xs">
<div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div><small class="text-muted">Current Process % ${cpuUsage}.</small>
e use WebSocket to communicate with the clients, so if for example, the client receives a string 'UPDATE_CPU_USAGE;30' then the dashboard value should be updated to 30 (in this case aria-valuenow must be updated to 30). Currently the client is already able to receive the strings from websocket, but I don't have an idea on how to update the client's object properties in a '<div>'
the websocket listener is on the main page, how to update the '<div>' and the aria-valuenow of the other page in that located in javascript?
need an idea.
Last edited by Winanjaya; Jul 29th, 2021 at 06:47 AM.
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|