Как связать флажок ядра MVC .net с меткой в ​​​​качестве кнопки

У меня есть следующий код, который создает флажок, который выглядит как кнопка-переключатель.

<div class="btn-group btn-group-toggle" data-toggle="buttons">
 <label asp-for="FlaggedStatus" class="btn btn-outline-danger">
   <input asp-for="FlaggedStatus" type="checkbox"> Flag Address
 </label>
</div>

Что выглядит так на непроверенной форме:

введите здесь описание изображения

а затем вот так при выборе:

введите здесь описание изображения

Привязка отлично работает для сохранения данных. Но когда я загружаю форму с уже введенными данными, для режима редактирования флажок установлен в фоновом режиме, но кнопка не отображается как заполненная. Итак, как мне связать ее, чтобы кнопка отображалась как включенная, когда флажок данные верны?




Ответы (1)


Переключатель использует класс CSS active для родительского элемента label. Вам придется использовать некоторую встроенную логику:

<label asp-for="FlaggedStatus" class="btn btn-outline-danger @(Model.FlaggedStatus ? "active")">
person mxmissile    schedule 22.11.2019
comment
Потрясающе, спасибо. Просто нужно было добавить: нравится @(Model.FlaggedStatus? active:) - person Brent Kilboy; 23.11.2019