Редактор формы

Закройте «1С:Предприятие», вернитесь в конфигуратор. Откройте в редакторе форму списка, которая есть у документа УчебныеДни. Для этого нужно дважды щелкнуть на ней мышью (рис. 2.206).

Рис. 2.206. Редактор формы

Вообще, форма очень похожа на дом с окнами (рис. 2.207).

Рис. 2.207. Дом с окнами

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

В форме тоже есть свои «окна» и свои «лампочки» за этими окнами. Лампочки – это реквизиты формы. Они содержат данные, которые должны быть показаны в форме (рис. 2.208).

Рис. 2.208. Реквизиты формы

Все реквизиты формы перечислены в правом верхнем окне редактора, на закладке Реквизиты. Сейчас в вашей форме всего один реквизит. Он называется Список. Он содержит все документы УчебныйДень, которые есть в вашей базе.

Окна – это элементы формы. Они показывают пользователю то, что находится в реквизитах. А кроме этого элементы позволяют пользователю изменить значение, находящееся в реквизите (рис. 2.209).

Рис. 2.209. Элементы формы

Все элементы формы перечислены в левом верхнем окне редактора, на закладке Элементы. Сейчас в вашей форме всего один элемент. Он тоже называется Список. Он умеет показывать список каких-нибудь объектов данных. В данном случае – список документов УчебныйДень.

Когда вы смотрите на дом, за каждым окном горит какая-то лампочка. Точно так же каждый реквизит формы связан с каким-то элементом. Для этого у элемента есть свойство ПутьКДанным.

Вы можете выделить элемент Список и в палитре свойств посмотреть, какое значение у этого свойства (рис. 2.210). Если у вас палитра свойств закрыта, открыть ее можно из контекстного меню на элементе Список командой Свойства.

Рис. 2.210. Свойство «ПутьКДанным»

В нижнем окне редактор формы показывает, как примерно, будет выглядеть форма, когда пользователь увидит ее в режиме 1С:Предприятие (рис. 2.211).

Рис. 2.211. Внешний вид формы

Подробнее Подробнее вы можете прочитать о формах в документации «Руководство разработчика 8.3. Глава 7. "Формы"».

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

У платформы есть список элементов (наверху), и она сама по некоторым правилам размещает их в форме (внизу). Как она это делает? Это интересный момент.

Проще всего представить, что вся форма состоит из «строк» и «колонок». Например, сама форма может быть либо «строкой», либо «колонкой». Если вы выделите в дереве элементов форму (корень дерева), то в палитре свойств увидите, что у нее есть свойство Группировка (рис. 2.212).

Рис. 2.212. Свойство формы «Группировка»

Сейчас оно имеет значение Вертикальная. Что это значит?

Это значит, что форма сама сейчас является «колонкой». И если вы поместите в нее несколько элементов, то они будут расположены один под другим (рис. 2.213).

Рис. 2.213. Группировка «Вертикальная»

А если вы измените это свойство на Горизонтальная, то сама форма станет «строкой». И те же самые элементы будут расположены уже друг за другом, слева направо (рис. 2.214).

Рис. 2.214. Группировка «Горизонтальная»

Не только сама форма может быть «строкой» или «колонкой». Внутри формы вы тоже можете сделать «строки» и «колонки». Для этого служит элемент, который называется Группа.

Чаще всего его не видно. Потому что он используется для того, чтобы собрать вместе несколько элементов формы. Чтобы расположить эти элементы в виде «строки» или в виде «колонки».

Например, сама форма может иметь вертикальную группировку, то есть быть «колонкой». И внутри нее будут расположены два элемента и группа (рис. 2.215).

Рис. 2.215. Форма с группой

А группа может иметь горизонтальную группировку, то есть быть «строкой». И тогда элементы, находящиеся в этой группе, будут расположены друг за другом.

Получается иерархия. То есть подчинение одних элементов другим.

Элемент1, Элемент2 и Группа1 подчинены форме. А Элемент3, Элемент4 и Элемент5 подчинены элементу формы Группа1.

Или, если рассматривать эту конструкцию в другую сторону, то форма состоит из элемента 1, элемента 2 и группы 1. А группа 1 состоит из элемента 3, элемента 4 и элемента 5.

Чтобы представить иерархию компактным образом, удобно использовать дерево. Например, в моем примере иерархическое дерево элементов будет выглядеть следующим образом (рис. 2.216).

Рис. 2.216. Иерархия элементов формы

Так вот, в редакторе формы элементы перечислены не просто списком, а в виде такого дерева (рис. 2.217).

Рис. 2.217. Дерево элементов в редакторе формы

Сейчас в вашей форме всего один элемент – это Список. Но в дереве вы видите много строк. Все дело в том, что некоторые элементы бывают довольно сложными. Они содержат в себе некоторые важные части, которые в дереве показываются отдельными строками.

Например, форма всегда имеет командную панель. Она может быть видна пользователю или не видна пользователю. Но вы, разработчики, всегда видите ее в дереве элементов (рис. 2.218).

Рис. 2.218. Форма и ее командная панель

А элемент Список, который является таблицей, наверное, один из самых сложных элементов. Поэтому у него есть несколько дополнительных строк и внутри, и снаружи, которые помогают разработчику его настраивать (рис. 2. 219).

Рис. 2.219. Таблица «Список»

Как не запутаться во всех трех окнах редактора? Как понять, какой элемент отображает этот реквизит? Или где в дереве находится тот элемент, который вы видите в окне предварительного просмотра?

Тут все просто. Сейчас я покажу вам несколько приемов. Выделите в дереве элементов корень Форма.

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

В дереве элементов будет выделен элемент Список, а в окне просмотра синей рамкой будет показано, где этот список находится в форме (рис. 2.220).

Рис. 2.220. Перейти к элементу формы

Не все реквизиты связаны с элементами. Например, если вы раскроете реквизит Список, то у него будет много подчиненных колонок. Колонка Дата есть в форме, и к ней вы можете перейти.

А колонка Ссылка не показывается в форме. Поэтому и команда Перейти для нее недоступна (рис. 2.221).

Рис. 2.221. Команда «Перейти» недоступна

Второй пример. Вы хотите узнать, где в форме окажется некоторый элемент, который есть в дереве элементов формы. Для этого просто выделите этот элемент в дереве, и внизу, в окне просмотра, он тоже будет выделен синей рамкой. Например, Состояние просмотра (рис. 2.222).

Рис. 2.222. Показать элемент в форме

Не все элементы видны в форме. Например, если вы выделите командную панель, которая принадлежит списку, вы ее не увидите внизу. А командную панель формы увидите. Такова особенность формы списка. Она всегда использует только командную панель формы.

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

Теперь в другую сторону. Вы хотите узнать, с каким реквизитом связан элемент формы. Для этого откройте его контекстное меню и выполните команду Перейти.

Например, если вы выполните эту команду для элемента Дата, то в окне реквизитов будет показан этот реквизит (рис. 2.223).

Рис. 2.223. Перейти к реквизиту формы

Иногда, у сложных элементов, бывает так, что перейти можно не только к самому реквизиту, но и к какой-то его составной части. Важной.

Например, если вы выполните команду Перейти для элемента Список, то платформа предложит вам такой выбор (рис. 2.224):

Рис. 2.224. Выбор объекта перехода

Если вы выберете Данные – Список, то перейдете на сам реквизит Список.

А если вы выберете Данные картинки строки – Список.СтандартнаяКартинка, то перейдете к той колонке реквизита Список, которая отвечает за картинку, показываемую рядом с элементом списка.

Еще бывает так, что элемент не связан с реквизитом, а связан с другим элементом формы. Например, если вы попробуете выполнить команду Перейти для элементов Строка поиска или Состояние просмотра, то вы перейдете к элементу Список. Потому что именно этот элемент управляет и строкой поиска, и состоянием просмотра.

Теперь последний пример. Вы хотите узнать, где в дереве элементов тот элемент, который вы видите в нижнем окне, в окне просмотра. Для этого нужно просто выделить тот элемент, который вас интересует, и он будет подсвечен в дереве элементов.

Например, если вы нажмете мышью на заголовок колонки Дата, то в дереве будет выделен элемент Дата (рис. 2. 225).

Рис. 2.225. Показать элемент в дереве

А если нажмете мышью на белое поле под заголовком Дата, то в дереве будет выделен элемент Список (рис. 226).

Рис. 2.226. Показать список в дереве

Чтобы перейти к реквизиту, связанному с тем элементом, который вы видите в окне просмотра, нужно из контекстного меню выполнить команду Перейти.

Например, если вы выполните эту команду для заголовка Дата, то в окне реквизитов будет выделен реквизит Дата (рис. 2.227).

Рис. 2.227. Перейти к реквизиту

И еще одно маленькое замечание. При редактировании форм всегда используются два инструмента. Это сам редактор формы, с которым вы только что познакомились. И палитра свойств.

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

Некоторое неудобство, которое может возникать у вас в первое время, связано с тем, что палитра свойств показывает свойства того элемента или реквизита, который выделен. Но разница между активным и неактивным выделением может быть не очень заметна для вас на первый взгляд (рис. 2.228).

Рис. 2.228. Активное и неактивное выделение

Конечно, в заголовке палитры свойств и в том, и в другом случае будет написано, чьи свойства она показывает (рис. 2.229). Но на это вы тоже можете не обратить внимание.

Рис. 2.229. Заголовок палитры свойств

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