Споделяне чрез

Урок: Използване на компоненти на код в портали

  • Статия

В урока ще добавите персонализиран компонент към формуляр на Microsoft Dataverse и ще разрешите персонализираната контрола да бъде видима на уеб страница.

Този урок ще използва таблицата Обратна връзка и уеб страницата Връзка с нас, която е достъпна в шаблоните Начално оформление.

Предварителни изисквания

  • Вашата версия на портала трябва да бъде 9.3.3.x или по-висока.
  • Вашият стартов портален пакет трябва да бъде 9.2.2103.x или по-висока.
  • Сайт, използващ един от шаблоните Начално оформление.

За да създадете примерен компонент, следвайте стъпките в урока Създайте първия си компонент. В края на този урок компонентът с име TSLinearInputComponent ще бъде пакетиран и качен на вашата среда на Dataverse, която можете да използвате в Power Pages.

Можете също да използвате някои от наличните предварително подготвени контроли. В нашия пример ще използваме контрола за въвеждане на числа.

Стъпка 1. Добавяне на кодов компонент към поле във формуляр

  1. В студиото за дизайн изберете работната област за данни.

  2. Изберете таблицата Обратна връзка.

  3. Изберете Формуляри и след това изберете да редактирате опростен формуляр за връзка с нас.

  4. Изберете + Добавяне на поле и изберете полето Оценка.

  5. Разположете полето Оценка във формуляра.

  6. С избрано поле Оценка изберете + Компонент и изберете компонента Въвеждане на число.

    Добавяне на компонент към формуляр.

  7. Конфигурирайте контролата да има Тип Цяло число и Статична стойност 1.

  8. Изберете Готово.

  9. Изберете Записване и Публикуване на формуляра.

Стъпка 2. Конфигуриране на компонент на формуляр в уеб страница

В следващите стъпки ще конфигурираме съществуващата страница за обратна връзка, можете също да създадете своя собствена страница и да добавите свой собствен компонент за формуляр.

  1. В работната област Страници изберете страницата Връзка с нас .

  2. Полето за оценки трябва да се появи във формуляра със съобщението Активирайте персонализиран компонент, за да видите това поле в преглед.

  3. Изберете полето и изберете Редактиране на поле.

  4. Изберете полето Активиране на потребителски компонент .

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

  5. Изберете OK.

  6. Когато визуализирате сайта, трябва да видите персонализирания компонент активиран.

    Персонализиран компоненти във формуляр.

Следващи стъпки

Общ преглед: Използване на компоненти на кода в Power Pages

Вижте също