Mengapa CheckBoxFor membuat tag input tambahan, dan bagaimana saya bisa mendapatkan nilai menggunakan FormCollection?

Di aplikasi ASP.NET MVC saya, saya merender kotak centang menggunakan kode berikut:

<%= Html.CheckBoxFor(i=>i.ReceiveRSVPNotifications) %>

Sekarang, saya melihat bahwa ini menjadikan kedua tag masukan kotak centang dan tag masukan tersembunyi. Masalah yang saya alami adalah ketika saya mencoba mengambil nilai dari kotak centang menggunakan FormCollection:

FormValues["ReceiveRSVPNotifications"]

Saya mendapatkan nilai "benar, salah". Saat melihat HTML yang dirender, saya dapat melihat yang berikut:

 <input id="ReceiveRSVPNotifications" name="ReceiveRSVPNotifications" value="true" type="checkbox">
 <input name="ReceiveRSVPNotifications" value="false" type="hidden">

Jadi koleksi FormValues ​​tampaknya menggabungkan kedua nilai ini karena mereka memiliki nama yang sama.

Ada Ide?

Lihat di sini:

http://forums.asp.net/t/1314753.aspx

Ini bukan bug, dan sebenarnya pendekatan yang sama yang digunakan Ruby on Rails dan MonoRail.

Saat Anda mengirimkan formulir dengan kotak centang, nilainya hanya diposkan jika kotak centang dicentang. Jadi, jika Anda meninggalkan kotak centang tidak dicentang maka tidak ada yang akan dikirim ke server ketika dalam banyak situasi Anda ingin false dikirim sebagai gantinya. Karena input tersembunyi memiliki nama yang sama dengan kotak centang, maka jika kotak centang tidak dicentang Anda masih akan mendapatkan 'false' yang dikirim ke server.

Ketika kotak centang dicentang, ModelBinder akan secara otomatis menangani mengekstraksi 'benar' dari 'benar, salah'

Saya memiliki masalah yang sama dengan Shawn (di atas). Pendekatan ini mungkin bagus untuk POST, tetapi sangat menyebalkan untuk GET. Oleh karena itu saya menerapkan ekstensi Html sederhana yang hanya mencabut bidang tersembunyi.

public static MvcHtmlString BasicCheckBoxFor<T>(this HtmlHelper<T> html, 
                                                Expression<Func<T, bool>> expression,
                                                object htmlAttributes = null)
{
    var result = html.CheckBoxFor(expression).ToString();
    const string pattern = @"<input name=""[^""]+"" type=""hidden"" value=""false"" />";
    var single = Regex.Replace(result, pattern, "");
    return MvcHtmlString.Create(single);
}

Masalah saya sekarang adalah bahwa saya tidak ingin perubahan pada kerangka kerja MVC untuk memecahkan kode saya. Jadi saya harus memastikan saya memiliki cakupan pengujian yang menjelaskan kontrak baru ini.

Saya menggunakan metode alternatif ini untuk merender kotak centang untuk formulir GET:

/// <summary>
/// Renders checkbox as one input (normal Html.CheckBoxFor renders two inputs: checkbox and hidden)
/// </summary>
public static MvcHtmlString BasicCheckBoxFor<T>(this HtmlHelper<T> html, Expression<Func<T, bool>> expression, object htmlAttributes = null)
{
    var tag = new TagBuilder("input");

    tag.Attributes["type"] = "checkbox";
    tag.Attributes["id"] = html.IdFor(expression).ToString();
    tag.Attributes["name"] = html.NameFor(expression).ToString();
    tag.Attributes["value"] = "true";

    // set the "checked" attribute if true
    ModelMetadata metadata = ModelMetadata.FromLambdaExpression(expression, html.ViewData);
    if (metadata.Model != null)
    {
        bool modelChecked;
        if (Boolean.TryParse(metadata.Model.ToString(), out modelChecked))
        {
            if (modelChecked)
            {
                tag.Attributes["checked"] = "checked";
            }
        }
    }

    // merge custom attributes
    tag.MergeAttributes(HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes));

    var tagString = tag.ToString(TagRenderMode.SelfClosing);
    return MvcHtmlString.Create(tagString);
}

Ini mirip dengan metode Chris Kemp , yang berfungsi dengan baik, kecuali yang ini tidak menggunakan yang mendasarinya CheckBoxFordan Regex.Replace. Ini didasarkan pada sumber Html.CheckBoxFormetode asli .

Berikut adalah kode sumber untuk tag input tambahan. Microsoft cukup baik untuk memasukkan komentar yang membahas hal ini dengan tepat.

if (inputType == InputType.CheckBox)
{
    // Render an additional <input type="hidden".../> for checkboxes. This
    // addresses scenarios where unchecked checkboxes are not sent in the request.
    // Sending a hidden input makes it possible to know that the checkbox was present
    // on the page when the request was submitted.
    StringBuilder inputItemBuilder = new StringBuilder();
    inputItemBuilder.Append(tagBuilder.ToString(TagRenderMode.SelfClosing));

    TagBuilder hiddenInput = new TagBuilder("input");
    hiddenInput.MergeAttribute("type", HtmlHelper.GetInputTypeString(InputType.Hidden));
    hiddenInput.MergeAttribute("name", fullName);
    hiddenInput.MergeAttribute("value", "false");
    inputItemBuilder.Append(hiddenInput.ToString(TagRenderMode.SelfClosing));
    return MvcHtmlString.Create(inputItemBuilder.ToString());
}

Saya pikir solusi paling sederhana adalah merender elemen INPUT secara langsung sebagai berikut:

<input type="checkbox" 
       id="<%=Html.IdFor(i => i.ReceiveRSVPNotifications)%>"
       name="<%=Html.NameFor(i => i.ReceiveRSVPNotifications)%>"
       value="true"
       checked="<%=Model.ReceiveRSVPNotifications ? "checked" : String.Empty %>" />

Dalam sintaks Razor bahkan lebih mudah, karena atribut 'checked' langsung dirender dengan nilai "checked" ketika diberi nilai sisi server 'benar'.