CM. Руководство разработчика
Дерево страниц

Сравнение версий

Старая версия 7

changes.mady.by.user Васильев Антон

Сохранено

по сравнению с

Новая версия Текущий

changes.mady.by.user Васильев Антон

Сохранено

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.
Информация
iconfalse

Корневой элемент form.

Пространсто имен: 

Параметр appearance. Пространство имен: <ui xmlns="http://www.intertrust.ru/schema/palette/tn-ui">

Информация
iconfalse
titleКраткое описание
  • выравнивание полей
  • указания стиля
  • указание параметров диалога
  • указание параметров таблицы
Блок кода
languagexml
titleСтруктура XML
collapsetrue
<?xml version='1.0' encoding='UTF-8'?>
<ui xmlns="http://www.intertrust.ru/schema/palette/tn-ui">
    <form id = "{id}" schema-ref="{name schema}">
	 	<!-- Параметры визуализации -->   <form>    

	< 
	 	<appearance field-layout="horizontal">
			<label-style width = "10" unit="symbol">
				<style id = "tunRed"/>
				<style id = "tunItalic"/>
			</label-style>
		</appearance>
  </form>
</ui>

attributes

Стиль заголовка диалога?
ПараметрыОписание

widget

open-form
align
style
field-layout
align-items
flex-direction
justify-content
turn

label-style

Виджет. Указываются известные web-клиенту виджеты для отображения элементов. При использовании неизвестного web-клиенту виджета, значение игнорируется.

Список виджетов

align

Выравнивание по горизонтали. Используется, когда форма используется как подформа.

Блок кода
languagexml
<!--...--> 
<appearance widget="radioTabPanel" align="right"/> 
<!--...-->

Варианты:

    • left - по левому краю
      Image Added
    • center - по центру
      Image Added
    • right - по правому краю
      Image Added
    • width - по ширине
      Image Added

style

Стиль надписи, заголовка секции. Указываются известные web-клиенту стиль отображения элементов. При использовании неизвестного web-клиенту стиля, значение игнорируется.

Применяется ко всем надписям, кроме тех, у которых указан свой стиль.

Список стилей

Блок кода
languagexml
<!--...--> 
<appearance style="tunRed"/> 
<!--...-->

Image Added

field-layout

Расположение полей. Варианты:

    • vertical - Поля располагаются вертикально в один столбец. Установлен по умолчанию.
    • horizontal - Поля располагаются горизонтально в одной строке.

turn

Свернутая секция. Используется, когда форма используется как подформа. Определяет отображение данных при открытии или смене режима использования документа.

Предупреждение

Текущая версия web-клиента не поддерживает

Доступные варианты: true – cекция будет свернута, false – Секция будет раскрыта. По умолчанию "false"
Image Added

label-style

Формат надписей секций/полей на форме. Применяется ко всем надписям, кроме тех, у которых указан свой формат.

ПараметрыОписание

width

unit
label-style
style

Ширина надписей в форме.

unit

Единица измерения ширины. Варианты:

    • symbol - символ
    • percent - процент
    • px - пиксели

style

Стиль надписи, заголовка секции. Аналогичен атрибуту style. Предоставляет возможность задать несколько стилей для секций/полей.

Блок кода
languagexml
<!--...-->
<label-style>
	<style id="tunRed"/>
	<style id="tunItalic"/>
</label-style>
<!--...-->

table

Параметры таблицы. Пример

ПараметрыОписание

column-edit

Редактирование значений в таблице без вызова диалога.

Image Added

live-editing

Быстрое добавление записи в таблицу и редактирование строк. 

Image Added

Работает в паре с полем

Блок кода
languagexml
<?xml version='1.0' encoding='UTF-8'?>
<ui	xmlns="http://www.intertrust.ru/schema/palette/tn-ui">
	<form schema-ref="{schema name}" id="{id}" name="{name}" projection="default">
		<!--...-->
		<appearance field-layout="horizontal" style="tunTableWithBorders">
		 	<!-- 1. Признак добавления записи -->
			<table live-editing="true"/>
		</appearance>
		<component>
			<!--...-->
			<section id="{id}" name="{name column}">
				<appearance field-layout="horizontal"/>
				<component>
				 	<!-- 2. Колонка в таблице, через которое будет осуществляться добавление -->
					<field attribute-ref="{name schema  property}" creative="true" clickable="true"> 
						<directories limit-livesearch="sys-current">
							<directory-ref ref="{directory}"/>
						</directories>
					</field>
				</component>
			</section>
		 	<!--...-->
		</component>
	</form>
</ui>

without-frame

Скрытие границ таблицы

dialog-mode

Параметры диалога

ПараметрыОписание

width

Ширина диалога

unit

Единица измерения ширины

height

Высота диалога

alt-appearance

Применение визуализации по условию

ПараметрыОписание

appearance-ref 

Ссылка на параметры визуализации

enable

Список условий
Свойства страницы
Статус

Статус
colourYellowBlue
titleВ РАБОТЕДОРАБОТКА

Комментарий

Добавить ссылку на параметр визуализации.

Приложить пример с hardTable

Приложить пример с диалогом

панель

Теги и атрибуты:

Оглавление