Как изменить состав компонента интерфейса

В данном примере вы измените форму объекта справочника КонтактныеЛица:

Вы добавите в нее две горизонтальные группы и сгруппируете поля Клиент – Должность и Телефон – Электронная почта:

Откройте приложение Демо в среде разработки и выполните следующие действия:

• Раскройте подсистему Пресейл, в ней раскройте справочник КонтактныеЛица и в контекстом меню компонента КонтактныеЛицаФормаОбъекта нажмите Открыть в текстовом редакторе:

  

• Будет открыт YAML-редактор. После элемента, описывающего поле ввода Имя, добавьте еще один элемент, описывающий фиксированную группу:

          Содержимое:
              Тип: ФиксированнаяГруппа
              Содержимое:
                  -
                      Тип: ПолеВвода<Строка>
                      Имя: ПолеВводаИмя
                      Заголовок: $ЛокализованныеСтроки.Имя
                      Значение: =Объект.Наименование
                      Обязательное: Истина
                      СообщениеОшибка: $Общие::ЛокализованныеСтроки.ОбязательноеПоле
                      РастягиватьПоГоризонтали: Истина
                  -
                      Тип: ФиксированнаяГруппа
                      Ориентация: Горизонтальная
                      Содержимое:
                  -
                      Тип: ПолеВвода<Клиенты.Ссылка?>
                      Имя: ПолеВводаКлиента
                      Заголовок: $ЛокализованныеСтроки.Клиент
                      Значение: =Объект.Владелец
                      Обязательное: Истина
                      СообщениеОшибка: $Общие::ЛокализованныеСтроки.ОбязательноеПоле
                      РастягиватьПоГоризонтали: Истина

• Чтобы следующие два поля перенести в содержимое этой группы, выделите их:

                  -
                      Тип: ФиксированнаяГруппа
                      Ориентация: Горизонтальная
                      Содержимое:                    
                  -
                      Тип: ПолеВвода<Клиенты.Ссылка?>
                      Имя: ПолеВводаКлиента
                      Заголовок: $ЛокализованныеСтроки.Клиент
                      Значение: =Объект.Владелец
                      Обязательное: Истина
                      СообщениеОшибка: $Общие::ЛокализованныеСтроки.ОбязательноеПоле
                      РастягиватьПоГоризонтали: Истина
                  -
                      Тип: ПолеВвода<Строка>
                      Заголовок: $ЛокализованныеСтроки.Должность
                      Значение: =Объект.Должность
                      РастягиватьПоГоризонтали: Истина
                  -
                      Тип: ПолеВвода<Строка>
                      Заголовок: $ЛокализованныеСтроки.Телефон
                      Значение: =Объект.Телефон
                      РастягиватьПоГоризонтали: Истина

• А затем с помощью клавиши Tab передвиньте на две позиции, в группу Содержимое:

                  -
                      Тип: ФиксированнаяГруппа
                      Ориентация: Горизонтальная
                      Содержимое:                    
                          -
                              Тип: ПолеВвода<Клиенты.Ссылка?>
                              Имя: ПолеВводаКлиента
                              Заголовок: $ЛокализованныеСтроки.Клиент
                              Значение: =Объект.Владелец
                              Обязательное: Истина
                              СообщениеОшибка: $Общие::ЛокализованныеСтроки.ОбязательноеПоле
                              РастягиватьПоГоризонтали: Истина
                          -
                              Тип: ПолеВвода<Строка>
                              Заголовок: $ЛокализованныеСтроки.Должность
                              Значение: =Объект.Должность
                              РастягиватьПоГоризонтали: Истина
                  -
                      Тип: ПолеВвода<Строка>
                      Заголовок: $ЛокализованныеСтроки.Телефон
                      Значение: =Объект.Телефон
                      РастягиватьПоГоризонтали: Истина

  Примечание: Операции с блоками текста могут понадобиться вам в дальнейшем, поэтому запомните, что Tab перемещает блок на одну позицию вправо, а Shift+Tab — на одну позицию влево.
• Аналогичным образом создайте свойства второй группы и перенесите в нее поля Телефон и Электронная почта:

                          -
                              Тип: ПолеВвода<Строка>
                              Заголовок: $ЛокализованныеСтроки.Должность
                              Значение: =Объект.Должность
                              РастягиватьПоГоризонтали: Истина
                  -
                      Тип: ФиксированнаяГруппа
                      Ориентация: Горизонтальная
                      Содержимое:
                          -
                              Тип: ПолеВвода<Строка>
                              Заголовок: $ЛокализованныеСтроки.Телефон
                              Значение: =Объект.Телефон
                              РастягиватьПоГоризонтали: Истина
                          -
                              Тип: ПолеВвода<Строка>
                              Заголовок: $ЛокализованныеСтроки.ЭлектроннаяПочта
                              Значение: =Объект.ЭлектроннаяПочта
                              РастягиватьПоГоризонтали: Истина
                  -
                      Тип: ПолеВвода<Сотрудники.Ссылка?>
                      Заголовок: $ЛокализованныеСтроки.Ответственный
                      Значение: =Объект.Ответственный
                      РастягиватьПоГоризонтали: Истина

• Не запуская приложение, вы можете посмотреть, как будет выглядеть форма. Для этого в представлении 1С нажмите на компонент КонтактныеЛицаФормаОбъекта. откроет редактор компонента. Он покажет внешний вид формы:

  

• Опубликуйте проект на сервере и перезапустите приложение. Нажмите Пресейл > Контактные лица > Фролов Дмитрий Андреевич и вы увидите новый вид формы.