내 모델에는 nullable이어야하는 부울이 있습니다.
public bool? Foo
{
get;
set;
}그래서 내 Razor cshtml에서
@Html.CheckBoxFor(m => m.Foo)작동하지 않는 것을 제외하고. (bool)로도 캐스팅하지 않습니다. 만약 내가한다면
@Html.CheckBoxFor(m => m.Foo.Value)그것은 오류를 생성하지 않지만 게시되고 foo가 null로 설정되면 내 모델에 바인딩되지 않습니다. 페이지에 Foo를 표시하고 게시물의 내 모델에 바인딩하는 가장 좋은 방법은 무엇입니까?
답변:
나는 그것을 함께 일했다
@Html.EditorFor(model => model.Foo) 그런 다음 EditorTemplates 폴더에 Boolean.cshtml을 만들고 고정
@model bool?
@Html.CheckBox("", Model.GetValueOrDefault())내부.
HasValue실제 부울 값이 아닌 nullable 속성에 대한 확인란을 만들고 있습니다. 기본 값에 관계없이 선택된 확인란이 생성됩니다. nullable에 값이 있으면 항상 true입니다.
비슷한 질문 -Rendering Nullable Bool as CheckBox 에서 답변을 찾았습니다 . 매우 간단하고 작동합니다.
@Html.CheckBox("RFP.DatesFlexible", Model.RFP.DatesFlexible ?? false)
@Html.Label("RFP.DatesFlexible", "My Dates are Flexible")특별한 '편집기 템플릿'이 필요하지 않다는 점을 제외하면 @afinkelstein의 대답과 같습니다.
나는 bool? IsDisabled { get; set; }모델에 있습니다. 보기에있는 경우 삽입됩니다.
<div class="inputClass" id="disabled">
<div>
@if(Model.IsDisabled==null)
{
Model.IsDisabled = false;
}
@Html.CheckBoxFor(model => model.IsDisabled.Value)
</div>
</div> 내 모델에는 nullable이어야하는 부울이 있습니다.
왜? 이건 말이 안 돼. 확인란에는 선택 / 선택 취소 또는 원하는 경우 True / False의 두 가지 상태가 있습니다. 세 번째 상태는 없습니다.
아니면 뷰 모델 대신 뷰에서 도메인 모델을 사용하고 계십니까? 그게 당신 문제입니다. 그래서 나를위한 해결책은 간단한 부울 속성을 정의 할 뷰 모델을 사용하는 것입니다.
public class MyViewModel
{
public bool Foo { get; set; }
}이제 컨트롤러 작업이이 뷰 모델을 뷰에 전달하고 적절한 확인란을 생성하게됩니다.
False 또는 Null이 권장되지 않는지 여부를 명확히하기 위해 숨겨진 필드로 기본 요소를 복잡하게 만듭니다.
Checkbox는 사용해야하는 것이 아닙니다. 실제로 Checked 상태 만 있습니다 . 그렇지 않으면 무엇이든 될 수 있습니다.
데이터베이스 필드가 nullable 부울 ( bool?)이면 UX는 3-Radio Buttons를 사용해야합니다. 여기서 첫 번째 버튼은 "Checked", 두 번째 버튼은 "Not Checked", 세 번째 버튼은 null을 나타냅니다. null은 의미합니다. <select><option>드롭 다운 목록을 사용하여 부동산을 절약 할 수 있지만 사용자는 두 번 클릭해야하며 선택 사항이 거의 즉시 명확하지 않습니다.
1 0 null
True False Not Set
Yes No Undecided
Male Female Unknown
On Off Not DetectedRadioButtonForSelectList라는 확장명으로 정의 된 RadioButtonList는 선택 / 확인 된 값을 포함하여 라디오 버튼을 빌드하고 <div class="RBxxxx">CSS를 사용하여 라디오 버튼을 수평 (디스플레이 : 인라인 블록), 수직 또는 테이블 형식으로 (디스플레이 : 인라인 블록; 너비 : 100px;)
모델에서 (저는 문자열, 사전 정의를위한 문자열을 교육적 예제로 사용하고 있습니다. bool ?, string을 사용할 수 있습니다.)
public IEnumerable<SelectListItem> Sexsli { get; set; }
SexDict = new Dictionary<string, string>()
{
{ "M", "Male"},
{ "F", "Female" },
{ "U", "Undecided" },
};
//Convert the Dictionary Type into a SelectListItem Type
Sexsli = SexDict.Select(k =>
new SelectListItem
{
Selected = (k.Key == "U"),
Text = k.Value,
Value = k.Key.ToString()
});
<fieldset id="Gender">
<legend id="GenderLegend" title="Gender - Sex">I am a</legend>
@Html.RadioButtonForSelectList(m => m.Sexsli, Model.Sexsli, "Sex")
@Html.ValidationMessageFor(m => m.Sexsli)
</fieldset>
public static class HtmlExtensions
{
public static MvcHtmlString RadioButtonForSelectList<TModel, TProperty>(
this HtmlHelper<TModel> htmlHelper,
Expression<Func<TModel, TProperty>> expression,
IEnumerable<SelectListItem> listOfValues,
String rbClassName = "Horizontal")
{
var metaData = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
var sb = new StringBuilder();
if (listOfValues != null)
{
// Create a radio button for each item in the list
foreach (SelectListItem item in listOfValues)
{
// Generate an id to be given to the radio button field
var id = string.Format("{0}_{1}", metaData.PropertyName, item.Value);
// Create and populate a radio button using the existing html helpers
var label = htmlHelper.Label(id, HttpUtility.HtmlEncode(item.Text));
var radio = String.Empty;
if (item.Selected == true)
{
radio = htmlHelper.RadioButtonFor(expression, item.Value, new { id = id, @checked = "checked" }).ToHtmlString();
}
else
{
radio = htmlHelper.RadioButtonFor(expression, item.Value, new { id = id }).ToHtmlString();
}// Create the html string to return to client browser
// e.g. <input data-val="true" data-val-required="You must select an option" id="RB_1" name="RB" type="radio" value="1" /><label for="RB_1">Choice 1</label>
sb.AppendFormat("<div class=\"RB{2}\">{0}{1}</div>", radio, label, rbClassName);
}
}
return MvcHtmlString.Create(sb.ToString());
}
}저에게 해결책은 뷰 모델을 변경하는 것이 었습니다. 송장을 검색하고 있다고 생각해보십시오. 이 송장은 지불하거나 지불하지 않을 수 있습니다. 따라서 검색에는 유료, 미지급 또는 "상관 없음"의 세 가지 옵션이 있습니다.
원래 bool로 설정 했습니까? 들:
public bool? PaidInvoices { get; set; }이것은 나를이 질문에 비틀 거리게 만들었다. 결국 Enum 유형을 만들고 다음과 같이 처리했습니다.
@Html.RadioButtonFor(m => m.PaidInvoices, PaidStatus.NotSpecified, new { @checked = true })
@Html.RadioButtonFor(m => m.PaidInvoices, PaidStatus.Yes)
@Html.RadioButtonFor(m => m.PaidInvoices, PaidStatus.No)물론 라벨로 감싸고 텍스트를 지정했습니다. 고려해야 할 또 다른 옵션이 있습니다.
체크 박스는 2 개의 값 (true, false) 만 제공합니다. Nullable 부울에는 3 개의 값 (true, false, null)이 있으므로 확인란으로 수행 할 수 없습니다.
좋은 옵션은 드롭 다운을 대신 사용하는 것입니다.
모델
public bool? myValue;
public List<SelectListItem> valueList;제어 장치
model.valueList = new List<SelectListItem>();
model.valueList.Add(new SelectListItem() { Text = "", Value = "" });
model.valueList.Add(new SelectListItem() { Text = "Yes", Value = "true" });
model.valueList.Add(new SelectListItem() { Text = "No", Value = "false" });전망
@Html.DropDownListFor(m => m.myValue, valueList)실제로 템플릿을 만들고 EditorFor ()와 함께 해당 템플릿을 사용합니다.
내가 한 방법은 다음과 같습니다.
기본적으로 EditorTemplates 디렉토리의 Shared, Views 아래에서 만든 부분보기 인 내 템플릿 만들기 : 이름을 (예 :) CheckboxTemplate:
@using System.Globalization
@using System.Web.Mvc.Html
@model bool?
@{
bool? myModel = false;
if (Model.HasValue)
{
myModel = Model.Value;
}
}
<input type="checkbox" checked="@(myModel)" name="@ViewData.TemplateInfo.HtmlFieldPrefix" value="True" style="width:20px;" />다음과 같이 사용하십시오 (모든보기에서).
@ Html.EditorFor (x => x.MyNullableBooleanCheckboxToBe, "CheckboxTemplate")
그게 다야.
템플릿은 MVC에서 매우 강력하므로 사용합니다. 전체 페이지를 템플릿으로 만들 수 있으며 @Html.EditorFor(); 보기 모델을 람다 식으로 전달하는 경우 ..
내가 생각 해낼 수있는 가장 깔끔한 접근 방식 HtmlHelper은 프레임 워크에서 제공하는 기능을 재사용하면서 사용 가능한 확장을 확장하는 것 입니다.
public static MvcHtmlString CheckBoxFor<T>(this HtmlHelper<T> htmlHelper, Expression<Func<T, bool?>> expression, IDictionary<string, object> htmlAttributes) {
ModelMetadata modelMeta = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
bool? value = (modelMeta.Model as bool?);
string name = ExpressionHelper.GetExpressionText(expression);
return htmlHelper.CheckBox(name, value ?? false, htmlAttributes);
}나는 네이티브에게 똑바로 통과 할 수 있도록 표현을 '모양'하는 실험을 CheckBoxFor<Expression<Func<T, bool>>>했지만 불가능하다고 생각합니다.
public static MvcHtmlString CheckBoxFor<TModel>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, bool?>> expression, object htmlAttributes)해야했습니다. 사용 했고 훌륭하게 작동했습니다.
과거에도 비슷한 문제가있었습니다.
HTML로 체크 박스 입력을 생성하고 name = "Foo"속성을 설정합니다. 그래도 제대로 게시되어야합니다.
<input type="checkbox" name="Foo" checked="@model.Foo.Value" /> Foo Checkbox<br />nullable bool을 포함하는 모델에 대한 EditorTemplate을 만들 때 ...
nullable 부울을 2 개의 부울로 분할합니다.
// Foo is still a nullable boolean.
public bool? Foo
{
get
{
if (FooIsNull)
return null;
return FooCheckbox;
}
set
{
FooIsNull = (value == null);
FooCheckbox = (value ?? false);
}
}
// These contain the value of Foo. Public only so they are visible in Razor views.
public bool FooIsNull { get; set; }
public bool FooCheckbox { get; set; }편집기 템플릿 내에서 :
@Html.HiddenFor(m => m.FooIsNull)
@if (Model.FooIsNull)
{
// Null means "checkbox is hidden"
@Html.HiddenFor(m => m.FooCheckbox)
}
else
{
@Html.CheckBoxFor(m => m.FooCheckbox)
}원래 속성 Foo는 이제 FooIsNull 및 FooCheckbox에서 계산되므로 포스트 백하지 마십시오.
위의 모든 답변에는 자체 문제가 있습니다. IMO가 도우미를 만드는 가장 쉽고 / 가장 깨끗한 방법
MVC5 면도기
App_Code / Helpers.cshtml
@helper CheckBoxFor(WebViewPage page, string propertyName, bool? value, string htmlAttributes = null)
{
if (value == null)
{
<div class="checkbox-nullable">
<input type="checkbox" @page.Html.Raw(htmlAttributes)>
</div>
}
else if (value == true)
{
<input type="checkbox" value="true" @page.Html.Raw(htmlAttributes) checked>
}
else
{
<input type="checkbox" value="false" @page.Html.Raw(htmlAttributes)>
}
}용법
@Helpers.CheckBoxFor(this, "IsPaymentRecordOk", Model.IsPaymentRecordOk)에 싸여 그래서 내 시나리오에서는 null 허용 확인란 수단은 아직 클라이언트에 질문을하지 않는 직원이했다고 .checkbox-nullable는도 적절 스타일 및 최종 사용자가인지 식별 할 수 있도록 true도false
CSS
.checkbox-nullable {
border: 1px solid red;
padding: 3px;
display: inline-block;
}확장 방법 :
public static MvcHtmlString CheckBoxFor<TModel>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, bool?>> expression)
{
return htmlHelper.CheckBoxFor<TModel>(expression, null);
}
public static MvcHtmlString CheckBoxFor<TModel>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, bool?>> expression, object htmlAttributes)
{
ModelMetadata metadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
bool? isChecked = null;
if (metadata.Model != null)
{
bool modelChecked;
if (Boolean.TryParse(metadata.Model.ToString(), out modelChecked))
{
isChecked = modelChecked;
}
}
return htmlHelper.CheckBox(ExpressionHelper.GetExpressionText(expression), isChecked??false , htmlAttributes);
}라디오 버튼은 유용하지만을 선택 취소 할 수는 없습니다 . 이 동작을 원하면 드롭 다운 / 선택을 사용하는 것이 좋습니다. 다음 코드는를 생성 SelectList하고 이는 nullable 부울에 성공적으로 바인딩됩니다.
public static SelectList GetBoolTriState()
{
var items = new List<SelectListItem>
{
new SelectListItem {Value = "", Text = ""},
new SelectListItem {Value = "True", Text = "Yes"},
new SelectListItem {Value = "False", Text = "No"},
};
return new SelectList(items, "Value", "Text");
}@{ bool testVar = ((bool)item.testVar ? true : false); }
@Html.DisplayFor(modelItem => testVar)이것은 오래된 질문이며 기존 답변은 대부분의 대안을 설명합니다. 그러나 bool이 있다면 간단한 옵션이 하나 있습니다. 뷰 모델에서 UI에서 null에 대해 신경 쓰지 않습니다.
@Html.CheckBoxFor(m => m.boolValue ?? false);