トグルボタンのようなチェックボックスを作成する次のコードがあります。
<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>
チェックされていないフォームでは、次のようになります。
選択すると次のようになります。
バインディングは、データの保存に最適です。しかし、データがすでに入力されているフォームをロードすると、編集モードでは、チェックボックスがバックグラウンドで選択されていますが、ボタンが入力された状態で表示されません。チェックボックスがオンになっているときにボタンがオンになっているように表示されるようにバインドするにはどうすればよいですか。データは本当ですか?
トグルは、active
親のcssクラスを使用しますlabel
。インラインロジックを使用する必要があります。
<label asp-for="FlaggedStatus" class="btn btn-outline-danger @(Model.FlaggedStatus ? "active")">
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加