7RU02-0336-07

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

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

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

Строка № Пример HTML
1 SampleSetupPane.html
2

 

3 <div class="content-fit">
4 <form id="formSampleSettings">
5

 

6 <div class="accordion">
7 <h3 target="sample-basic">$%localizedString(Basic Settings)#$</h3>
8 <div id="sample-basic">
9 <table class="formtable">
10 <tr>
11 <th>&nbsp;</th>
12 <th>&nbsp;</th>
13 </tr>
14 <tr>
15 <td>$%localizedString(Ethernet)#$</td>
16 <td>&nbsp;</td>
17 </tr>
18 <tr class="minor">
19 <td>$%localizedString(MAC Address)#$</td>
20 <td regname="MAC Address"></td>
21 </tr>
22 <tr class="minor">
23 <td>$%localizedString(Ethernet Device Name)#$</td>
24 <td><input name="Ethernet Device Name" type="text" /></td>
25 </tr>
26 <tr class="minor">
27 <td>$%localizedString(IP Address)#$</td>
28 <td><input name="IP Address" type="text" /></td>
29 </tr>
30 </table>
31

 

32 </div>
33

 

34 <h3 target="sample-advanced">$%localizedString(Advanced Settings)#$</h3>
35 <div id="sample-advanced">
36 <table class="formtable" id="frameFormatDropdownContainer">
37 <tr>
38 <th>&nbsp;</th>
39 <th>&nbsp;</th>
40 </tr>
41 <tr>
42 <td>$%localizedString(TCP Keep Alive Minutes)#$</td>
43 <td><input type="text" name="TCP Keep Alive Minutes" class="small" /> <span unitsreg="TCP Keep Alive Minutes"></span></td>
44 </tr>
45 <tr>
46 <td>$%localizedString(Enable Web Server)#$</td>
47 <td><select name="Enable Web Server"></select> </td>
48 </tr>
49 </table>
50

 

51 </div>
52 </div> 
53

 

54 <input type="submit" class="apply" value='$%localizedString(Apply)#$' />
55

 

56 </form>
57

 

58

 

59 <script type="text/javascript">
60

 

61 SetupPane.init('formSampleSettings');
62 formChangeDetection.initFormChangeDetection('#formSampleSettings', '#dialogFormChanges');
63

 

64 </script>
65 </div>

Описание примера контента веб-страницы настройки

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

SampleSetupPane.html

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

4

<form id="formSampleSettings">

"formSampleSettings" – имя контента веб-страницы. Это имя должно быть уникальным

7

<h3 target="sample-basic">

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

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

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

8

<div id="sample-basic">

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

15

<td>$%localizedString(Ethernet)#$</td>

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

19

<td>$%localizedString(MAC Address)#$</td>

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

20

<td regname="MAC Address"></td>

Этот элемент отображает значение именованного регистра только для чтения MAC Address.

23

<td>$%localizedString(Ethernet Device Name)#$</td>

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

24

<td><input name="Ethernet Device Name" type="text" /></td>

Этот элемент отображает мгновенное значение конфигурируемого именованного регистра Ethernet Device Name в поле редактирования текста.

Тип должен соответствовать типу именованного регистра, в данном случае буквенно-цифровой строке.

27

<td>$%localizedString(IP Address)#$</td>

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

28

<td><input name="IP Address" type="text" /></td>

Этот элемент отображает мгновенное значение конфигурируемого именованного регистра IP Address в поле редактирования текста.

Тип должен соответствовать типу именованного регистра, в данном случае буквенно-цифровой строке.

34

<h3 target="sample-advanced">

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

$%localizedString(Advanced Settings)#$</h3>

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

35

<div id="sample-advanced">

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

42

<td>$%localizedString(TCP Keep Alive Minutes)#$</td>

TCP Keep Alive Minutes — заголовок строки. Этот заголовок по возможности преобразуется.

43

<td><input type="text" name="TCP Keep Alive Minutes" class="small" /> 

Этот элемент отображает мгновенное значение конфигурируемого именованного регистра TCP Keep Alive Minutes в поле редактирования текста.

Тип должен соответствовать типу именованного регистра, в данном случае буквенно-цифровой строке.

<span unitsreg="TCP Keep Alive Minutes"></span></td>

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

ПРИМЕЧАНИЕ. Для TCP Keep Alive Minutes нет определенных единиц, поэтому единицы не отображаются.

46

<td>$%localizedString(Enable Web Server)#$</td>

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

47

<td><select name="Enable Web Server"></select> </td>

Enable Web Server — именованный регистр, который отображается. Именованные регистры приведены в карте распределения регистров измерителя.

Тип должен соответствовать типу именованного регистра, в данном случае перечислимым значениям, которые отображаются в виде выпадающего списка.

61

SetupPane.init('formSampleSettings');

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

62

formChangeDetection.initFormChangeDetection('#formSampleSettings', '#dialogFormChanges');

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

QR-код для этой страницы

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