Представим себе объект, состояние которого определяется числом от 0 до 5 (некий рейтинг). Для отображения на форме этого объекта используем представление рейтинга в виде ряда звезд. Такая форма также будет иметь 6 состояний, однако в нашем примере для ее описания потребуется 10 параметров: 5 для полных звезд и 5 для пустых.
Вот так, на простом случае от одного параметра у нас получилась форма, управляемая 10-ю параметрами. Мера сложности здесь - это то количество параметров, которое описывает состояния объекта. Здесь для объекта с 6-ю состояниями требуется один параметр, а для формы - 10.
Это простой случай иллюстрирует рождение сложности в описании пользовательских интерфейсов. На каждый параметр объекта может приходится несколько параметров элементов интерфейса. Это и называется - “богатство” интерфейса. Очень легко заплутать в этой “богатой” и порой, “болотистой” местности среди интерфейсных элементов. Как же обуздать эту “фауну”?
Вернемся обратно к нашему примеру. Количество состояний для формы не увеличилось и осталось в строгом соответствии с состояниями объекта. Число же потенциальных состояний формы значительно превышает допустимые: 2^10 = 1024. Но не стоит паниковать! Это значит, что как бы не был сложен интерфейс объекта, все его параметры строго соответствуют параметрам объекта. Что если выразить интерфейс через этот параметр?
Итак, у нас 5 полных звезд и 5 - пустых. Нам достаточно описать только видимость каждой звезды в зависимости от состояния объекта. Опишем эти зависимости:
ВыбраннаяЗвезда1.Видимость = Рейтинг >= 1
ВыбраннаяЗвезда2.Видимость = Рейтинг >= 2
ВыбраннаяЗвезда3.Видимость = Рейтинг >= 3
ВыбраннаяЗвезда4.Видимость = Рейтинг >= 4
ВыбраннаяЗвезда5.Видимость = Рейтинг = 5
и для пустых:
ПустаяЗвезда1.Видимость = Рейтинг = 0
ПустаяЗвезда2.Видимость = Рейтинг < 2
ПустаяЗвезда3.Видимость = Рейтинг < 3
ПустаяЗвезда4.Видимость = Рейтинг < 4
ПустаяЗвезда5.Видимость = Рейтинг < 5
Для каждой звезды нам также потребуется реализовать контроллер. В контроллере будет устанавливаться значение рейтинга в зависимости от выбранной звезды.
&НаКлиенте
Процедура ВыбратьРейтинг(Рейтинг, ИмяЭлемента)
ШаблонОбъекта = Новый Структура;
ШаблонОбъекта.Вставить("Рейтинг", Рейтинг);
ИзмененныеПараметры = РаботаСМодельюОбъектаКлиентСервер.Заполнить(ЭтотОбъект, ШаблонОбъекта);
ПриИзмененииНаКлиенте(ИзмененныеПараметры);
// Возвращение фокуса на элемент звезды в месте нажатия (на каждом месте отображаются одна из двух звезд: полная или пустая)
ЭтоВыбраннаяЗвезда = НЕ СтрНачинаетсяС(ИмяЭлемента, "Выбранная");
РейтингЗвезды = Прав(ИмяЭлемента, 1);
ТекущийЭлемент = Элементы[?(ЭтоВыбраннаяЗвезда, "Выбранная", "Пустая") + "Звезда" + РейтингЗвезды];
КонецПроцедуры
// Пример вызова контроллера для полной звезды 1
// Здесь при нажатии на полную звезду 1 происходит понижение рейтинга до 0, поэтому в контроллер передается 0
&НаКлиенте
Процедура ВыбраннаяЗвезда1Нажатие(Элемент)
ВыбратьРейтинг(0, Элемент.Имя);
КонецПроцедуры
В общем то это все. Так, несмотря на то, что для формы потребовалось 10 параметров, сложность ее реализации не была увеличена. Все 10 параметров для состояния видимости 10 звезд полностью определены через один параметр - рейтинг.
Вот так выглядит декларативное описание элементов формы в коде:
МодельСостояния.ЭлементФормы("ВыбраннаяЗвезда1")
.Свойство("Видимость")
.Параметр("Рейтинг")
.Выражение("Параметры.Рейтинг >= 1")
;
МодельСостояния.ЭлементФормы("ВыбраннаяЗвезда2")
.Свойство("Видимость")
.Параметр("Рейтинг")
.Выражение("Параметры.Рейтинг >= 2")
;
МодельСостояния.ЭлементФормы("ВыбраннаяЗвезда3")
.Свойство("Видимость")
.Параметр("Рейтинг")
.Выражение("Параметры.Рейтинг >= 3")
;
МодельСостояния.ЭлементФормы("ВыбраннаяЗвезда4")
.Свойство("Видимость")
.Параметр("Рейтинг")
.Выражение("Параметры.Рейтинг >= 4")
;
МодельСостояния.ЭлементФормы("ВыбраннаяЗвезда5")
.Свойство("Видимость")
.Параметр("Рейтинг")
.Выражение("Параметры.Рейтинг = 5")
;
МодельСостояния.ЭлементФормы("ПустаяЗвезда1")
.Свойство("Видимость")
.Параметр("Рейтинг")
.Выражение("Параметры.Рейтинг = 0")
;
МодельСостояния.ЭлементФормы("ПустаяЗвезда2")
.Свойство("Видимость")
.Параметр("Рейтинг")
.Выражение("Параметры.Рейтинг < 2")
;
МодельСостояния.ЭлементФормы("ПустаяЗвезда3")
.Свойство("Видимость")
.Параметр("Рейтинг")
.Выражение("Параметры.Рейтинг < 3")
;
МодельСостояния.ЭлементФормы("ПустаяЗвезда4")
.Свойство("Видимость")
.Параметр("Рейтинг")
.Выражение("Параметры.Рейтинг < 4")
;
МодельСостояния.ЭлементФормы("ПустаяЗвезда5")
.Свойство("Видимость")
.Параметр("Рейтинг")
.Выражение("Параметры.Рейтинг < 5")
;
Живой пример можно посмотреть в демо базе на платформе 8.3.21.1302.
Публикация создана по мотивам публикации Звездный рейтинг ***** и демонстрирует новый подход к описанию состояния через DSL.
