7RU02-0336-07

Пример HTML-кода для контента веб-страницы просмотра данных

Контент и форматирование веб-страницы просмотра данных управляются ее HTML-кодом.

Пример контента веб-страницы просмотра данных

Строка № Пример HTML
1 SampleMonitorPane.html
2 <div class="content-fit">
3 <div class="accordion">
4 <h3 target="sample-readings">$%localizedString(Basic Readings)#$</h3>
5 <div id="sample-readings">
6 <table class="datatable">
7 <tr>
8 <th>&nbsp;</th>
9 <th>$%localizedString(Minimum)#$</th>
10 <th>$%localizedString(Present)#$</th>
11 <th>$%localizedString(Maximum)#$</th>
12 </tr>
13 <tr class="minor">
14 <td>$%localizedString(I a)#$ <span unitsreg="I a"></span></td>
15 <td regname="I a mn"></td>
16 <td regname="I a"></td>
17 <td regname="I a mx"></td>
18 </tr>
19 <tr class="minor">
20 <td>$%localizedString(I b)#$ <span unitsreg="I b"></span></td>
21 <td regname="I b mn"></td>
22 <td regname="I b"></td>
23 <td regname="I b mx"></td>
24 </tr>
25 </table>
26 </div>
27 <h3 target="sample-energy">$%localizedString(Energy Readings)#$</h3>
28 <div id="sample-energy">
29 <table class="datatable">
30 <tr>
31 <th>&nbsp;</th>
32 <th>$%localizedString(Present)#$</th>
33 </tr>
34 <tr>
35 <td>$%localizedString(Active Energy)#$ <span unitsreg="kWh del-rec"></span></td>
36 <td regname="kWh del-rec"></td>
37 </tr>
38 <tr>
39 <td>$%localizedString(Reactive Energy)#$ <span unitsreg="kVARh del-rec"></span></td>
40 <td regname="kVARh del-rec"></td>
41 </tr>
42 </table>
43 </div>
44 </div>
45  
46  
47 <script type="text/javascript">
48  
49 instantaneousReadings.initInstantaneousReadings('sample-readings');
50  
51 </script>
52 </div>

Пример описания контента веб-страницы просмотра данных

Строка № Описание
1
SampleMonitorPane.html 

Имя HTML-файла, включая расширение HTML (.html). Это имя файла должно соответствовать требованиям именования файлов протокола SFTP (не содержать пробелов или специальных символов). Имя файла (без расширения HTML) отображается в меню веб-страницы.

4
<h3 target="sample-readings">

Этот элемент создаёт первую секцию контента веб-страницы. "sample-readings" — имя контента веб-страницы. Это имя должно быть уникальным.

$%localizedString(Basic Readings)#$</h3>

Basic Readings — заголовок секции контента веб-страницы. Этот заголовок по возможности преобразуется.

5
<div id="sample-readings">

Этот элемент должен соответствовать имени контента веб-страницы в строке 4.

9
<th>$%localizedString(Minimum)#$</th>

Minimum — заголовок первого столбца. Этот заголовок по возможности преобразуется.

10
<th>$%localizedString(Present)#$</th>

Present — заголовок второго столбца. Этот заголовок по возможности преобразуется.

11
<th>$%localizedString(Maximum)#$</th>

Maximum — заголовок последнего столбца. Этот заголовок по возможности преобразуется.

14
<td>$%localizedString(I a)#$ 

I a — заголовок строки. Этот заголовок по возможности преобразуется.

<span unitsreg="I a"></span></td>

Этот элемент отображает единицы, которые измеритель определил для именованного регистра I a.

15
<td regname="I a mn"></td>

Этот элемент отображает мгновенное значение именованного регистра I a mn.

16
<td regname="I a"></td>

Этот элемент отображает мгновенное значение именованного регистра I a.

17
<td regname="I a mx"></td>

Этот элемент отображает мгновенное значение именованного регистра I a mx.

20
<td>$%localizedString(I b)#$ 

I b — заголовок второй строки. Этот заголовок по возможности преобразуется.

<span unitsreg="I b"></span></td>

Этот элемент отображает единицы, которые измеритель определил для именованного регистра I b.

21
<td regname="I b mn"></td>

Этот элемент отображает мгновенное значение именованного регистра I b mn.

22
<td regname="I b"></td>

Этот элемент отображает мгновенное значение именованного регистра I b.

23
<td regname="I b mx"></td>

Этот элемент отображает мгновенное значение именованного регистра I bmx.

27
<h3 target="sample-energy">

Этот элемент создает вторую секцию контента веб-страницы. Sample-energy — имя контента веб-страницы. Это имя должно быть уникальным.

$%localizedString(Energy Readings)#$</h3>

Energy Readings — заголовок секции контента веб-страницы. Этот заголовок по возможности преобразуется.

28
<div id="sample-energy">

Этот элемент должен соответствовать имени контента веб-страницы в строке 27.

32
<th>$%localizedString(Present)#$</th>

Present — заголовок последнего столбца. Этот заголовок по возможности преобразуется.

35
<td>$%localizedString(Active Energy)#$ 

Active Energy — заголовок строки. Этот заголовок по возможности преобразуется.

<span unitsreg="kWh del-rec"></span></td>

Этот элемент отображает единицы, которые измеритель определил для именованного регистра kWh del-rec.

36
<td regname="kWh del-rec"></td>

Этот элемент отображает мгновенное значение именованного регистра kWh del-rec.1

39
<td>$%localizedString(Reactive Energy)#$ 

Reactive Energy — заголовок строки. Этот заголовок по возможности преобразуется.

<span unitsreg="kVARh del-rec"></span></td>

Этот элемент отображает единицы, которые измеритель определил для именованного регистра kVARh del-rec.

40
<td regname="kVARh del-rec"></td>

Этот элемент отображает мгновенное значение именованного регистра kVARh del-rec.1

49
instantaneousReadings.initInstantaneousReadings('sample-readings');

Sample-readings — уникальное имя контента первой веб-страницы. Этот HTML-код обновляет все значения веб-страницы.

1 Именованные регистры приведены в карте распределения регистров Modbus. Вы также можете ссылаться на значение с помощью его идентификатора ION в следующем формате: <td regname=”_0x####”></td>.
QR-код для этой страницы

Была ли информация полезной?