Требует подключенного расширения дизайнера разметок UrlProprtyDesignerExtension
Этот каталог содержит пример реализации элемента управления "TextBox".
Пример рассчитан на версию Web-клиента 18 (6.1) или выше.
Перечень необходимых инструментов:
- Открыть /Samples.sln
- Собрать проект Controls > TextBox > TextBoxDesignerExtension
- Открыть консоль в папке Controls > TextBox > TextBoxWebExtension и выполнить команду npm install, потом npm update и в конце npm run build:prod
- Скопировать каталог SamplesOutput\Plugins\TextBoxDesignerExtension в каталог "Путь к директории с исполняемым файлом конструктора Web-разметок\Plugins"
- Скопировать каталог SamplesOutput\Site\Content\Modules\TextBoxWebExtension в каталог "Путь к сайту Web-клиента\Content\Modules"
- Выполнить инструкции по сборке и установке семпла ControlProperties > Url
- Перезапустить Web-сервис
-
Запустить конструктор разметок
-
Скопировать любую разметку редактирования.
Внимание! Пример рассчитан только на работу в разметках редактирования.
-
Выбрать условия использования этой разметки
-
Открыть разметку и добавить в нее новый элемент управления "Пример текста"
-
Задать желаемые параметры элемента управления Внимание! При указании URL адрес должен быть доступен согласно политике CORS. Большинство серверов не разрешают запросы из веб-приложений, расположенных на других доменах. Политике CORS гарантированно удовлетворяют адреса внутри Web-клиента, например "Content/App/Assets/Images/favorite-empty.svg".
-
Сохранить разметку
-
Перезапустить Web-сервис
-
Открыть карточку с этой разметкой
-
Убедиться, что появился новый элемент управления
Проект-расширение для конструктора разметок. Содержит описание элемента управления "Пример текста" для WebLayoutsDesigner. Демонстрирует описание и подключение нового контрола, используя класс ControlTypeDescription, задание ему стандартных свойств, реализованных в WebLayoutsDesigner (см. PropertyFactory.GetNameProperty()) и добавление кастомного свойства, используя класс PropretyDescription (см. свойство Url).
Проект-расширение клиентской части Web-клиент. Содержит клиентский скрипт, отрисовывающий textbox и картинку (свойство Url), и стили для TextBox.