Раздел

Создать схему замещающей модели представления раздела 

1. Перейдите в раздел Конфигурация (Configuration) и выберите пользовательский пакет, в который будет добавлена схема.

2. На панели инструментов реестра раздела нажмите Добавить —> Замещающая модель представления (Add —> Replacing view model).

   

3. Заполните свойства схемы.

   • Код (Code) — "OrderSectionV2".
   • Заголовок (Title) — "Раздел заказа" ("Order section").
   • Родительский объект (Parent object) — выберите "OrderSectionV2".
   

4. Добавьте локализуемую строку с текстом пункта меню, который планируется добавить.

   1. В контекстном меню узла Локализуемые строки (Localizable strings) нажмите кнопку .

   2. Заполните свойства локализуемой строки.

      • Код (Code) — "CreationDateActionCaption".
      • Значение (Value) — "Показать дату создания" ("Show creation date").
      
   3. Для добавления локализуемой строки нажмите Добавить (Add).

5. Реализуйте логику работы пункта меню. Для этого в свойстве methods реализуйте методы:

   • isRunning() — проверяет, находится ли выбранный в реестре заказ на стадии Исполнение (In progress).
   • isCustomActionEnabled() — определяет доступность добавленного пункта меню.
   • showOrderInfo() — метод-обработчик действия, который отображает в информационном окне дату создания выбранного заказа.
   • getSectionActions() — переопределенный метод родительской схемы, который возвращает коллекцию действий раздела.

   Обращение к выделенной записи выполняется через атрибут ActiveRow модели представления раздела. Атрибут возвращает значение первичной колонки выделенной записи. В свою очередь, значение первичной колонки выделенной записи может использоваться для получения значений, загруженных в реестр полей выбранного объекта.

   Исходный код схемы замещающей модели представления раздела представлен ниже.

   OrderSectionV2

   define("OrderSectionV2", ["OrderConfigurationConstants"], function(OrderConfigurationConstants) {
       return {
           /* Название схемы объекта раздела. */
           entitySchemaName: "Order",
           /* Методы модели представления раздела. */
           methods: {
               /* Проверяет стадию заказа. activeRowId — значение первичной колонки выделенной записи реестра.*/
               isRunning: function(activeRowId) {
                   /* Получает коллекцию данных списочного представления реестра раздела. */
                   var gridData = this.get("GridData");
                   /* Получает модель выбранного заказа по заданному значению первичной колонки. */
                   var selectedOrder = gridData.get(activeRowId);
                   /* Получает свойства модели — статуса выбранного заказа. */
                   var selectedOrderStatus = selectedOrder.get("Status");
                   /* Метод возвращает true, если статус заказа [Исполнение], иначе возвращает false. */
                   return selectedOrderStatus.value === OrderConfigurationConstants.Order.OrderStatus.Running;
               },
               /* Определяет доступность пункта меню. */
               isCustomActionEnabled: function() {
                   /* Попытка получения идентификатора активной записи. */
                   var activeRowId = this.get("ActiveRow");
                   /* Если идентификатор определен и статус выбранного заказа [Исполнение], то возвращается true, иначе — false. */
                   return activeRowId ? this.isRunning(activeRowId) : false;
               },
               /* Метод-обработчик действия. Отображает в информационном окне дату создания заказа. */
               showOrderInfo: function() {
                   var activeRowId = this.get("ActiveRow");
                   var gridData = this.get("GridData");
                   /* Получает дату создания заказа. Колонка должна быть добавлена в реестр. */
                   var dueDate = gridData.get(activeRowId).get("Date");
                   /* Отображает информационное окно. */
                   this.showInformationDialog(dueDate);
               },
               /* Переопределение базового виртуального метода, который возвращает коллекцию действий раздела. */
               getSectionActions: function() {
                   /* Вызывается родительская реализация метода для получения коллекции проинициализированных действий раздела. */
                   var actionMenuItems = this.callParent(arguments);
                   /* Добавляет линию-разделитель. */
                   actionMenuItems.addItem(this.getButtonMenuItem({
                       Type: "Terrasoft.MenuSeparator",
                       Caption: ""
                   }));
                   /* Добавляет пункт меню в список действий раздела. */
                   actionMenuItems.addItem(this.getButtonMenuItem({
                       /* Привязка заголовка пункта меню к локализуемой строке схемы. */
                       "Caption": {bindTo: "Resources.Strings.CreationDateActionCaption"},
                       /* Привязка метода-обработчика действия. */
                       "Click": {bindTo: "showOrderInfo"},
                       /* Привязка свойства доступности пункта меню к значению, которое возвращает метод isCustomActionEnabled. */
                       "Enabled": {bindTo: "isCustomActionEnabled"}
                   }));
                   /* Возврат дополненной коллекции действий раздела. */
                   return actionMenuItems;
               }
           }
       };
   });
   

6. На панели инструментов дизайнера нажмите Сохранить (Save).

Результат выполнения примера 

Чтобы посмотреть результат выполнения примера:

1. Очистите кэш браузера.
2. Обновите страницу раздела Заказы (Orders).

В результате выполнения примера на страницу заказа добавлено действие Показать дату создания (Show creation date).

Если заказ находится на стадии Исполнение (In progress), то действие Показать дату создания (Show creation date) активно.

В результате выбора действия Показать дату создания (Show creation date), в информационном окне отображается дата создания заказа.

Если заказ не находится на стадии Исполнение (In progress), то действие Показать дату создания (Show creation date) неактивно.

Создать схему замещающей модели представления раздела 

1. Перейдите в раздел Конфигурация (Configuration) и выберите пользовательский пакет, в который будет добавлена схема.

2. На панели инструментов реестра раздела нажмите Добавить —> Замещающая модель представления (Add —> Replacing view model).

   

3. Заполните свойства схемы.

   • Код (Code) — "OrderSectionV2".
   • Заголовок (Title) — "Раздел заказа" ("Order section").
   • Родительский объект (Parent object) — выберите "OrderSectionV2".
   

4. Добавьте локализуемую строку с текстом пункта меню, который планируется добавить.

   1. В контекстном меню узла Локализуемые строки (Localizable strings) нажмите кнопку .

   2. Заполните свойства локализуемой строки.

      • Код (Code) — "AccountsSectionAction".
      • Значение (Value) — "Отобразить контрагентов по выбранным заказам" ("Accounts for the selected orders").
      
   3. Для добавления локализуемой строки нажмите Добавить (Add).

5. Реализуйте логику работы пункта меню. Для этого в свойстве methods реализуйте методы:

   • isCustomActionEnabled() — определяет доступность добавленного пункта меню.
   • showOrdersInfo() — метод-обработчик действия, который отображает в информационном окне перечень контрагентов выбранных заказов.
   • getSectionActions() — переопределенный метод родительской схемы, который возвращает коллекцию действий раздела.

   Значение первичных колонок выбранных записей хранится в свойстве SelectedRows модели представления раздела. Эти значения могут использоваться для получения значений, загруженных в реестр полей выбранных объектов, например, из коллекции данных списочного реестра, которая хранится в свойстве GridData модели представления реестра.

   Исходный код схемы замещающей модели представления раздела представлен ниже.

   OrderSectionV2

   define("OrderSectionV2", ["OrderConfigurationConstants"], function(OrderConfigurationConstants) {
       return {
           /* Название схемы объекта раздела. */
           entitySchemaName: "Order",
           /* Методы модели представления раздела. */
           methods: {
               /* Определяет доступность пункта меню. */ 
               isCustomActionEnabled: function() {
                   /* Попытка получить массив идентификаторов выбранных записей. */
                   var selectedRows = this.get("SelectedRows");
                   /* Если массив содержит элементы (выбрана хотя бы одна запись в реестре), то возвращается true, иначе — false. */
                   return selectedRows ? (selectedRows.length > 0) : false;
               },
               /* Метод-обработчик действия. Отображает в информационном окне перечень контрагентов. */
               showOrdersInfo: function() {
                   /* Получает массив идентификаторов выбранных записей. */
                   var selectedRows = this.get("SelectedRows");
                   /* Получает коллекцию данных записей реестра. */
                   var gridData = this.get("GridData");
                   /* Переменная для хранения модели объекта выбранного заказа. */ 
                   var selectedOrder = null;
                   /* Переменная для хранения названия контрагента выбранного заказа. */
                   var selectedOrderAccount = "";
                   /* Переменная для формирования текста информационного окна. */
                   var infoText = "";
                   /* Обработка массива идентификаторов выбранных записей реестра. */
                   selectedRows.forEach(function(selectedRowId) {
                       /* Получает модель объекта выбранного заказа. */
                       selectedOrder = gridData.get(selectedRowId);
                       /* Получает название контрагента выбранного заказа. Колонка должна быть добавлена в реестр. */
                       selectedOrderAccount = selectedOrder.get("Account").displayValue;
                       /* Добавляет название контрагента в текст информационного окна. */
                       infoText += "\n" + selectedOrderAccount;
                   });
                   /* Отображает информационное окно. */
                   this.showInformationDialog(infoText);
               },
               /* Переопределение базового виртуального метода, который возвращает коллекцию действий раздела. */
               getSectionActions: function() {
                   /* Вызывается родительская реализация метода для получения коллекции проинициализированных действий раздела. */ 
                   var actionMenuItems = this.callParent(arguments);
                   /* Добавляет линию-разделитель. */
                   actionMenuItems.addItem(this.getButtonMenuItem({
                       Type: "Terrasoft.MenuSeparator",
                       Caption: ""
                   }));
                   /* Добавляет пункт меню в список действий раздела. */
                   actionMenuItems.addItem(this.getButtonMenuItem({
                       /* Привязка заголовка пункта меню к локализуемой строке схемы. */
                       "Caption": {bindTo: "Resources.Strings.AccountsSectionAction"},
                       /* Привязка метода-обработчика действия. */
                       "Click": {bindTo: "showOrdersInfo"},
                       /* Привязка свойства доступности пункта меню к значению, которое возвращает метод isCustomActionEnabled. */
                       "Enabled": {bindTo: "isCustomActionEnabled"},
                       /* Поддержка режима множественного выбора. */
                       "IsEnabledForSelectedAll": true 
                   }));
                   /* Возврат дополненной коллекции действий раздела. */
                   return actionMenuItems;
               }
           }
       };
   });
   

6. На панели инструментов дизайнера нажмите Сохранить (Save).

Результат выполнения примера 

Чтобы посмотреть результат выполнения примера:

1. Очистите кэш браузера.
2. Обновите страницу раздела Заказы (Orders).

По умолчанию для реестра используется режим выбора одной записи. Для выбора в реестре нескольких записей в меню кнопки Действия (Actions) нажмите Выбрать несколько записей (Select multiple records). После этого изменяется визуальное представление реестра — появляются элементы для выбора записей.

В результате выполнения примера на страницу заказа добавлено действие Отобразить контрагентов по выбранным заказам (Accounts for the selected orders).

В результате выбора действия Отобразить контрагентов по выбранным заказам (Accounts for the selected orders), в информационном окне отображается перечень контрагентов выбранных заказов.

Для отмены режима выбора нескольких записей в меню кнопки Действия (Actions) нажмите Отменить множественный выбор (Cancel multiple selection).

Если в реестре раздела Заказы (Orders) не выбрана ни одна запись, то действие Отобразить контрагентов по выбранным заказам (Accounts for the selected orders) неактивно.

Создать схему замещающей модели представления раздела 

1. Перейдите в раздел Конфигурация (Configuration) и выберите пользовательский пакет, в который будет добавлена схема.

2. На панели инструментов реестра раздела нажмите Добавить —> Замещающая модель представления (Add —> Replacing view model).

   

3. Заполните свойства схемы.

   • Код (Code) — "ActivitySectionV2".
   • Заголовок (Title) — "Раздел активности" ("Activities section").
   • Родительский объект (Parent object) — выберите "ActivitySectionV2".
   

4. Добавьте локализуемую строку с текстом пункта меню, который планируется добавить.

   1. В контекстном меню узла Локализуемые строки (Localizable strings) нажмите кнопку .

   2. Заполните свойства локализуемой строки.

      • Код (Code) — "AllDoneCaption".
      • Значение (Value) — "Отметить как "Завершены"" ("Mark as Completed").
      
   3. Для добавления локализуемой строки нажмите Добавить (Add).

5. Реализуйте логику работы пункта меню. Для этого в свойстве methods реализуйте методы:

   • isCustomActionEnabled() — определяет доступность добавленного пункта меню.
   • setAllDone() — метод-обработчик действия, который устанавливает состояние Завершена (Completed) для выбранных активностей.
   • getSectionActions() — переопределенный метод родительской схемы, который возвращает коллекцию действий раздела.

   Исходный код схемы замещающей модели представления раздела представлен ниже.

   ActivitySectionV2

   define("ActivitySectionV2", ["ConfigurationConstants"], function(ConfigurationConstants) {
       return {
           /* Название схемы объекта раздела. */
           entitySchemaName: "Activity",
           /* Методы модели представления раздела. */
           methods: {
               /* Определяет доступность пункта меню. */ 
               isCustomActionEnabled: function() {
                   /* Попытка получить массив идентификаторов выбранных записей. */
                   var selectedRows = this.get("SelectedRows");
                   /* Если массив содержит элементы (выбрана хотя бы одна запись в реестре), то возвращается true, иначе — false. */
                   return selectedRows ? (selectedRows.length > 0) : false;
               },
               /* Метод-обработчик действия. Устанавливает для выбранных записей статус [Выполнено]. */
               setAllDone: function() {
                   /* Получает массив идентификаторов выбранных записей. */
                   var selectedRows = this.get("SelectedRows");
                   /* Обработка запускается в случае, если выбрана хотя бы одна запись. */
                   if (selectedRows.length > 0) {
                       /* Создает экземпляр класса пакетных запросов. */
                       var batchQuery = this.Ext.create("Terrasoft.BatchQuery");
                       /* Обновляет каждую из выбранных записей. */
                       selectedRows.forEach(function(selectedRowId) {
                           /* Создает экземпляр класса UpdateQuery с корневой схемой Activity. */
                           var update = this.Ext.create("Terrasoft.UpdateQuery", {
                               rootSchemaName: "Activity"
                           });
                           /* Применяет фильтр для определения записи для обновления. */
                           update.enablePrimaryColumnFilter(selectedRowId);
                           /* Для колонки [Status] устанавливается значение "Завершена" с помощью конфигурационной константы ConfigurationConstants.Activity.Status.Done. */
                           update.setParameterValue("Status", ConfigurationConstants.Activity.Status.Done, this.Terrasoft.DataValueType.GUID);
                           /* Добавляет запрос на обновление записи в пакетный запрос. */
                           batchQuery.add(update);
                       }, this);
                       /* Выполняет пакетный запрос к серверу. */
                       batchQuery.execute(function() {
                           /* Обновляет реестр. */
                           this.reloadGridData();
                       }, this);
                   }
               },
               /* Переопределение базового виртуального метода, который возвращает коллекцию действий раздела. */
               getSectionActions: function() {
                   /* Вызывается родительская реализация метода для получения коллекции проинициализированных действий раздела. */
                   var actionMenuItems = this.callParent(arguments);
                   /* Добавляет линию-разделитель. */
                   actionMenuItems.addItem(this.getButtonMenuItem({
                       Type: "Terrasoft.MenuSeparator",
                       Caption: ""
                   }));
                   /* Добавляет пункт меню в список действий раздела. */
                   actionMenuItems.addItem(this.getButtonMenuItem({
                       /* Привязка заголовка пункта меню к локализуемой строке схемы. */
                       "Caption": { bindTo: "Resources.Strings.AllDoneCaption" },
                       /* Привязка метода-обработчика действия. */
                       "Click": { bindTo: "setAllDone" },
                       /* Привязка свойства доступности пункта меню к значению, которое возвращает метод isCustomActionEnabled. */
                       "Enabled": { bindTo: "isCustomActionEnabled" },
                       /* Поддержка режима множественного выбора. */
                       "IsEnabledForSelectedAll": true
                   }));
                   /* Возврат дополненной коллекции действий раздела. */
                   return actionMenuItems;
               }
           }
       };
   });
   

6. На панели инструментов дизайнера нажмите Сохранить (Save).

Результат выполнения примера 

Чтобы посмотреть результат выполнения примера:

1. Очистите кэш браузера.
2. Обновите страницу раздела Активности (Activities).

По умолчанию для реестра используется режим выбора одной записи. Для выбора в реестре нескольких записей в меню кнопки Действия (Actions) нажмите Выбрать несколько записей (Select multiple records). После этого изменяется визуальное представление реестра — появляются элементы для выбора записей.

В результате выполнения примера на страницу активности добавлено действие Отметить как "Завершены" (Mark as Completed).

В результате выбора действия Отметить как "Завершены" (Mark as Completed) для выбранных активностей в колонке Статус (Status) установлено значение Завершена (Completed).

Для отмены режима выбора нескольких записей в меню кнопки Действия (Actions) нажмите Отменить множественный выбор (Cancel multiple selection).

Если в реестре раздела Активности (Activities) не выбрана ни одна запись, то действие Отметить как "Завершены" (Mark as Completed) неактивно.

Создать схему замещающей модели представления раздела 

1. Перейдите в раздел Конфигурация (Configuration) и выберите пользовательский пакет, в который будет добавлена схема.

2. На панели инструментов реестра раздела нажмите Добавить —> Замещающая модель представления (Add —> Replacing view model).

   

3. Заполните свойства схемы.

   • Код (Code) — "ActivitySectionV2".
   • Заголовок (Title) — "Раздел активности" ("Activities section").
   • Родительский объект (Parent object) — выберите "ActivitySectionV2".
   

4. Добавьте локализуемую строку с текстом пункта меню, который планируется добавить.

   1. В контекстном меню узла Локализуемые строки (Localizable strings) нажмите кнопку .

   2. Заполните свойства локализуемой строки.

      • Код (Code) — "SetOwnerCaption".
      • Значение (Value) — "Назначить ответственного" ("Assign Owner").
      
   3. Для добавления локализуемой строки нажмите Добавить (Add).

5. Реализуйте логику работы пункта меню. Для этого в свойстве methods реализуйте методы:

   • isCustomActionEnabled() — определяет доступность добавленного пункта меню.
   • setOwner() — метод-обработчик действия, который вызывает открытие справочника Контакты (Contacts).
   • lookupCallback() — callback-метод, который устанавливает выбранный в справочнике контакт в качестве ответственного для выбранных активностей.
   • getSectionActions() — переопределенный метод родительской схемы, который возвращает коллекцию действий раздела.

   Исходный код схемы замещающей модели представления раздела представлен ниже.

   ActivitySectionV2

   define("ActivitySectionV2", ["ConfigurationConstants"], function(ConfigurationConstants) {
       return {
           /* Название схемы объекта раздела. */
           entitySchemaName: "Activity",
           /* Методы модели представления раздела. */
           methods: {
               /* Определяет доступность пункта меню. */
               isCustomActionEnabled: function() {
                   /* Попытка получить массив идентификаторов выбранных записей. */
                   var selectedRows = this.get("SelectedRows");
                   /* Если массив содержит элементы (выбрана хотя бы одна запись в реестре), то возвращается true, иначе — false. */
                   return selectedRows ? (selectedRows.length > 0) : false;
               },
               /* Метод-обработчик действия. Вызывает открытие справочника [Контакты]. */
               setOwner: function() {
                   /* Определяет конфигурацию справочника. */
                   var config = {
                       /* Cхема [Contact]. */
                       entitySchemaName: "Contact",
                       /* Множественный выбор отключен. */
                       multiSelect: false,
                       /* Отображаемая колонка — [Name]. */
                       columns: ["Name"]
                   };
                   /* Открывает справочник с определенной конфигурацией и callback-функцией, которая сработает после нажатия кнопки [Выбрать]. */
                   this.openLookup(config, this.lookupCallback, this);
               },
               /* Выполняет установку выбранного в справочнике контакта в качестве ответственного для выбранных активностей. */
               lookupCallback: function(args) {
                   /* Идентификатор выбранной из справочника записи. */
                   var activeRowId;
                   /* Получает выбранные в справочнике записи. */
                   var lookupSelectedRows = args.selectedRows.getItems();
                   if (lookupSelectedRows && lookupSelectedRows.length > 0) {
                       /* Получает Id первой выбранной в справочнике записи. */
                       activeRowId = lookupSelectedRows[0].Id;
                   }
                   /* Получает массив идентификаторов выбранных записей. */
                   var selectedRows = this.get("SelectedRows");
                   /* Обработка запускается в случае, если выбрана хотя бы одна запись и в справочнике выбран ответственный. */
                   if ((selectedRows.length > 0) && activeRowId) {
                       /* Создает экземпляр класса пакетных запросов. */
                       var batchQuery = this.Ext.create("Terrasoft.BatchQuery");
                       /* Обновляет каждую из выбранных записей. */
                       selectedRows.forEach(function(selectedRowId) {
                           /* Создает экземпляр класса UpdateQuery с корневой схемой Activity. */
                           var update = this.Ext.create("Terrasoft.UpdateQuery", {
                               rootSchemaName: "Activity"
                           });
                           /* Применяет фильтр для определения записи для обновления. */
                           update.enablePrimaryColumnFilter(selectedRowId);
                           /* Для колонки [Owner] устанавливается значение, равное идентификатору  выбранного из справочника контакта. */
                           update.setParameterValue("Owner", activeRowId, this..Terrasoft.DataValueType.GUID);
                           /* Добавляет запрос на обновление записи в пакетный запрос. */
                           batchQuery.add(update);
                       }, this);
                       /* Выполняет пакетный запрос к серверу. */
                       batchQuery.execute(function() {
                           /* Обновляет реестр. */
                           this.reloadGridData();
                       }, this);
                   }
               },
               /* Переопределение базового виртуального метода, который возвращает коллекцию действий раздела. */
               getSectionActions: function() {
                   /* Вызывается родительская реализация метода для получения коллекции проинициализированных действий раздела. */
                   var actionMenuItems = this.callParent(arguments);
                   /* Добавляет линию-разделитель. */
                   actionMenuItems.addItem(this.getButtonMenuItem({
                       Type: "Terrasoft.MenuSeparator",
                       Caption: ""
                   }));
                   /* Добавляет пункт меню в список действий раздела. */
                   actionMenuItems.addItem(this.getButtonMenuItem({
                       /* Привязка заголовка пункта меню к локализуемой строке схемы. */
                       "Caption": { bindTo: "Resources.Strings.SetOwnerCaption" },
                       /* Привязка метода-обработчика действия. */
                       "Click": { bindTo: "setOwner" },
                       /* Привязка свойства доступности пункта меню к значению, которое возвращает метод isCustomActionEnabled. */
                       "Enabled": { bindTo: "isCustomActionEnabled" },
                       /* Поддержка режима множественного выбора. */
                       "IsEnabledForSelectedAll": true
                   }));
                   /* Возврат дополненной коллекции действий раздела. */
                   return actionMenuItems;
               }
           }
       };
   });
   

6. На панели инструментов дизайнера нажмите Сохранить (Save).

Результат выполнения примера 

Чтобы посмотреть результат выполнения примера:

1. Очистите кэш браузера.
2. Обновите страницу раздела Активности (Activities).

По умолчанию для реестра используется режим выбора одной записи. Для выбора в реестре нескольких записей в меню кнопки Действия (Actions) нажмите Выбрать несколько записей (Select multiple records). После этого изменяется визуальное представление реестра — появляются элементы для выбора записей.

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

В результате выбора действия Назначить ответственного (Assign Owner) отображается окно справочника Контакты (Contacts). Выбранный контакт устанавливается в колонке Ответственный (Assignee) в качестве ответственного для выбранных активностей.

Для отмены режима выбора нескольких записей в меню кнопки Действия (Actions) нажмите Отменить множественный выбор (Cancel multiple selection).

Если в реестре раздела Активности (Activities) не выбрана ни одна запись, то действие Назначить ответственного (Assign Owner) неактивно.

Создать схему замещающей модели представления раздела 

1. Перейдите в раздел Конфигурация (Configuration) и выберите пользовательский пакет, в который будет добавлена схема.

2. На панели инструментов реестра раздела нажмите Добавить —> Замещающая модель представления (Add —> Replacing view model).

   

3. Заполните свойства схемы.

   • Код (Code) — "OrderSectionV2".
   • Заголовок (Title) — "Раздел заказа" ("Order section").
   • Родительский объект (Parent object) — выберите "OrderSectionV2".
   

4. Настройте условия отображения реестра раздела. Для этого в свойстве methods реализуйте метод prepareResponseCollectionItem(), который переопределяет базовый метод, модифицирует строку данных перед загрузкой в реестр, а также добавляет настраиваемые стили к определенным строкам реестра.

   Исходный код схемы замещающей модели представления раздела представлен ниже.

   OrderSectionV2

   define("OrderSectionV2", ["OrderConfigurationConstants"], function(OrderConfigurationConstants) {
       return {
           /* Название схемы объекта раздела. */
           entitySchemaName: "Order",
           /* Методы модели представления раздела. */
           methods: {
               /* Переопределение базового метода, который модифицирует строку данных перед загрузкой в реестр. */
               prepareResponseCollectionItem: function(item) {
                   /* Вызывает базовый метод. */
                   this.callParent(arguments);
                   item.customStyle = null;
                   /* Определяет статус заказа. */
                   var running = item.get("Status");
                   /* Если состояние заказа "Исполнение", меняется стиль записи. */
                   if (running.value === OrderConfigurationConstants.Order.OrderStatus.Running) {
                       item.customStyle = {
                           /* Цвет текста — белый. */
                           "color": "white",
                           /* Цвет фона — зеленый. */
                           "background": "#8ecb60"
                       };
                   }
               }
           }
       };
   });
   

5. На панели инструментов дизайнера нажмите Сохранить (Save).

Результат выполнения примера 

Чтобы посмотреть результат выполнения примера:

1. Очистите кэш браузера.
2. Обновите страницу раздела Заказы (Orders).

В результате выполнения примера заказы, которые находятся на стадии Исполнение (In progress), выделяются цветом.

Создать схему замещающей модели представления раздела 

1. Перейдите в раздел Конфигурация (Configuration) и выберите пользовательский пакет, в который будет добавлена схема.

2. На панели инструментов реестра раздела нажмите Добавить —> Замещающая модель представления (Add —> Replacing view model).

   

3. Заполните свойства схемы.

   • Код (Code) — "ContractSectionV2".
   • Заголовок (Title) — "Схема страницы раздела "Договоры"" ("Page schema - "Contracts" section").
   • Родительский объект (Parent object) — выберите "ContractSectionV2".
   

4. Добавьте локализуемые строки с названиями фильтров.

   1. Добавьте локализуемую строку, которая содержит название фильтра по ответственному сотруднику.

      1. В контекстном меню узла Локализуемые строки (Localizable strings) нажмите кнопку .

      2. Заполните свойства локализуемой строки.

         • Код (Code) — "OwnerFilterCaption".
         • Значение (Value) — "Ответственный" ("Owner").
         
      3. Для добавления локализуемой строки нажмите Добавить (Add).

   2. Добавьте локализуемую строку, которая содержит название фильтра по периоду.

      1. В контекстном меню узла Локализуемые строки (Localizable strings) нажмите кнопку .

      2. Заполните свойства локализуемой строки.

         • Код (Code) — "PeriodFilterCaption".
         • Значение (Value) — "Период" ("Period").
         
      3. Для добавления локализуемой строки нажмите Добавить (Add).

5. Реализуйте логику работы фильтрации. Для этого в свойстве methods реализуйте метод initFixedFiltersConfig(). В методе создайте конфигурационный объект с массивом фильтров PeriodFilter и OwnerFilter, присвойте ссылку на объект атрибуту fixedFiltersConfig модели представления.

   Исходный код схемы замещающей модели представления раздела представлен ниже.

   ContractSectionV2

   define("ContractSectionV2", ["BaseFiltersGenerateModule"], function(BaseFiltersGenerateModule) {
       return {
           /* Название схемы объекта раздела. */
           entitySchemaName: "Contract",
           /* Методы модели представления раздела. */
           methods: {
               /* Инициализирует фиксированные фильтры. */
               initFixedFiltersConfig: function() {
                   /* Создает конфигурационный объект. */
                   var fixedFilterConfig = {
                       /* В качестве схемы объекта для фиксированных фильтров указывается схема объекта раздела. */
                       entitySchema: this.entitySchema,
                       /* Массив фильтров. */
                       filters: [
                           /* Фильтр периода. */
                           {
                               /* Название фильтра. */
                               name: "PeriodFilter",
                               /* Заголовок фильтра. */
                               caption: this.get("Resources.Strings.PeriodFilterCaption"),
                               /* Тип данных — дата. */
                               dataValueType: this.Terrasoft.DataValueType.DATE,
                               /* Дата начала периода фильтрации. */
                               startDate: {
                                   /* Фильтруются данные из колонки [Date]. */
                                   columnName: "StartDate",
                                   /* Значение по умолчанию — начало текущей недели. */
                                   defValue: this.Terrasoft.startOfWeek(new Date())
                               },
                               /* Дата завершения периода фильтрации — завершение текущей недели. */
                               dueDate: {
                                   columnName: "StartDate",
                                   defValue: this.Terrasoft.endOfWeek(new Date())
                               }
                           },
                           /* Фильтр ответственного. */
                           {
                               /* Название фильтра. */
                               name: "Owner",
                               /* Заголовок фильтра. */
                               caption: this.get("Resources.Strings.OwnerFilterCaption"),
                               /* Фильтрация данных из колонки [Owner]. */
                               columnName: "Owner",
                               /* Значение по умолчанию — контакт текущего пользователя, который содержится в системной настройке. */
                               defValue: this.Terrasoft.SysValue.CURRENT_USER_CONTACT,
                               /* Тип данных — справочник. */
                               dataValueType: this.Terrasoft.DataValueType.LOOKUP,
                               /* Фильтр. */
                               filter: BaseFiltersGenerateModule.OwnerFilter
                           }
                       ]
                   };
                   /* Атрибуту [FixedFilterConfig] присваивается ссылка на созданный конфигурационный объект. */
                   this.set("FixedFilterConfig", fixedFilterConfig);
               }
           }
       };
   });
   

6. На панели инструментов дизайнера нажмите Сохранить (Save).

Результат выполнения примера 

Чтобы посмотреть результат выполнения примера, обновите страницу раздела Договоры (Contracts).

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