非表示フィールドを持つプリミティブを複雑にして、FalseまたはNullが推奨されないかどうかを明確にします。
チェックボックスはあなたが使用するべきものではありません-それは実際には1つの状態しかありません:チェック済みです。それ以外の場合は、何でもかまいません。
データベースフィールドがnull可能なブール値(bool?
)の場合、UXは3つのラジオボタンを使用する必要があります。最初のボタンは「チェック済み」を表し、2番目のボタンは「チェックなし」を表し、3番目のボタンはnullを表します。 nullは意味します。<select><option>
ドロップダウンリストを使用して不動産を節約することもできますが、ユーザーは2回クリックする必要があり、選択肢が瞬時に明確になるわけではありません。
1 0 null
True False Not Set
Yes No Undecided
Male Female Unknown
On Off Not Detected
RadioButtonListは、RadioButtonForSelectListという名前の拡張として定義され、ラジオボタンを作成し、選択済み/チェック済みの値を含め、<div class="RBxxxx">
CSSを使用してラジオボタンを水平(表示:インラインブロック)、垂直、またはテーブル形式(display:inline-block; width:100px;)
モデルで(私は文字列を使用していますが、教育的な例として辞書の定義に文字列を使用しています。bool?、文字列を使用できます)
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());
}
}