Язык программирования C#9 и платформа .NET5 - Страница 618

Изменить размер шрифта:

...

<li class="nav-item">

  <a class="nav-link text-dark" asp-area="" asp-controller="Home"

      asp-action="Index">Home</a>

</li>

<li class="nav-item">

   <a class="nav-link text-dark" asp-area="" asp-controller="Home"

asp-action="RazorSyntax">Razor Syntax</a>

</li>

<li class="nav-item">

   <a class="nav-link text-dark" asp-area="" asp-controller="Home" 

asp-action="Privacy">Privacy</a>

</li>

Вспомогательная функция дескриптора для элемента ввода

Вспомогательная функция дескриптора для элемента ввода (

<input>
) является одной из наиболее универсальных. В дополнение к автоматической генерации атрибутов
id
и
name
стандарта HTML, а также любых атрибутов
data-val
стандарта HTML5, вспомогательная функция дескриптора строит надлежащую HTML-разметку, основываясь на типе данных целевого свойства. В табл. 31.3 перечислены типы HTML, которые создаются на базе типов .NET Core свойств.

Язык программирования C#9 и платформа .NET5 - _301.png

Кроме того, вспомогательная функция дескриптора для элемента ввода добавит атрибуты

type
из HTML5, основываясь на аннотациях данных. В табл. 31.4 перечислены некоторые распространенные аннотации и генерируемые атрибуты
type
из HTML5.

Язык программирования C#9 и платформа .NET5 - _302.png

Шаблон редактирования

Car.cshtml
содержит дескрипторы
<input>
для свойств
PetName
и
Color
. В качестве напоминания ниже приведены только эти дескрипторы:

<input asp-for="PetName" class="form-control" />

<input asp-for="Color" class="form-control"/>

Вспомогательная функция дескриптора для элемента ввода добавляет к визуализируемому дескриптору атрибуты

name
и
id
, существующее значение для свойства (если оно есть) и атрибуты проверки достоверности HTML5. Оба поля являются обязательными и имеют ограничение на длину строки в 50 символов. Вот визуализированная разметка для указанных двух свойств:

<input class="form-control" type="text" data-val="true"

    data-val-length="The field Pet
Name must be a string with a

maximum length of 50." data-val-length-max="50"

   data-val-
required="The Pet Name field is required."

   id="PetName" maxlength="50" name="PetName"
value="Zippy">

<input class="form-control valid" type="text" data-val="true"

   data-val-length="The field
Color must be a string with a

maximum length of 50." 
data-val-length-max="50"

   data-val-
required="The Color field is required."

   id="Color" maxlength="50" name="Color" value="Black"

   aria-describedby="Color-error" aria-invalid="false">

Вспомогательная функция дескриптора для текстовой области

Вспомогательная функция дескриптора для текстовой области (

<textarea>
) автоматически добавляет атрибуты
id
и
name
и любые атрибуты проверки достоверности HTML5, определенные для свойства. Например, следующая строка создает дескриптор
<textarea>
для свойства
Description
:

<textarea asp-for="Description"></textarea>

Вспомогательная функция дескриптора для элемента выбора

 Вспомогательная функция дескриптора для элемента выбора (

<select>
) создает дескрипторы ввода с выбором из свойства модели и коллекции. Как и в других вспомогательных функциях дескрипторов для элементов ввода, к разметке автоматически добавляются атрибуты
id
и
name
, а также любые атрибуты
data-val
из HTML5. Если значение свойства модели совпадает с одним из значений в списке, тогда для этого варианта в разметку добавляется атрибут
selected
.

Например, пусть имеется модель со свойством по имени

Country
и список
SelectList
по имени
Countries
с таким определением:

public List<SelectListItem> Countries { get; } = new List<SelectListItem>

{

  new SelectListItem { Value = "MX", Text = "Mexico" },

Оригинальный текст книги читать онлайн бесплатно в онлайн-библиотеке Knigger.com