Tại sao CheckBoxFor hiển thị thẻ đầu vào bổ sung và làm cách nào tôi có thể nhận được giá trị bằng FormCollection?

Trong ứng dụng ASP.NET MVC của tôi, tôi kết xuất hộp kiểm bằng mã sau:

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

Bây giờ, tôi thấy rằng điều này biểu hiện cả thẻ đầu vào hộp kiểm và thẻ đầu vào ẩn. Vấn đề mà tôi gặp phải là khi tôi thử truy xuất giá trị từ hộp kiểm bằng FormCollection:

FormValues["ReceiveRSVPNotifications"]

Tôi nhận được giá trị "đúng, sai". Khi nhìn vào HTML được kết xuất, tôi có thể thấy như sau:

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

Vì vậy, bộ sưu tập FormValues ​​dường như tham gia hai giá trị này vì chúng có cùng tên.

Bất kỳ ý tưởng?

Có một cái nhìn ở đây:

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

Đây không phải là một lỗi và trên thực tế là cách tiếp cận tương tự mà cả Ruby on Rails và MonoRail đều sử dụng.

Khi bạn gửi biểu mẫu với hộp kiểm, giá trị chỉ được đăng nếu hộp kiểm được chọn. Vì vậy, nếu bạn bỏ chọn hộp kiểm thì sẽ không có gì được gửi đến máy chủ khi trong nhiều tình huống bạn muốn gửi sai. Vì đầu vào ẩn có cùng tên với hộp kiểm, nên nếu bỏ chọn hộp kiểm, bạn vẫn sẽ nhận được 'sai' gửi đến máy chủ.

Khi hộp kiểm được chọn, ModelBinder sẽ tự động trích xuất 'true' từ 'true, false'

Tôi đã có cùng một vấn đề như Shawn (ở trên). Cách tiếp cận này có thể là tuyệt vời cho POST, nhưng nó thực sự hấp dẫn cho GET. Do đó, tôi đã triển khai một phần mở rộng Html đơn giản, chỉ cần đánh bật trường ẩn.

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);
}

Vấn đề bây giờ tôi gặp phải là tôi không muốn thay đổi khung MVC để phá mã của mình. Vì vậy, tôi phải đảm bảo tôi có bảo hiểm thử nghiệm giải thích hợp đồng mới này.

Tôi sử dụng phương pháp thay thế này để hiển thị các hộp kiểm cho biểu mẫu 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);
}

Nó tương tự như phương pháp của Chris Kemp , đang hoạt động tốt, ngoại trừ phương pháp này không sử dụng cơ bản CheckBoxForvà Regex.Replace. Nó dựa trên nguồn gốc của Html.CheckBoxForphương thức ban đầu .

Đây là mã nguồn cho thẻ đầu vào bổ sung. Microsoft đã rất tử tế khi đưa vào những bình luận giải quyết vấn đề này một cách chính xác.

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());
}

Tôi nghĩ rằng giải pháp đơn giản nhất là kết xuất trực tiếp phần tử INPUT như sau:

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

Trong cú pháp Dao cạo thậm chí còn dễ dàng hơn, bởi vì thuộc tính 'đã kiểm tra' được hiển thị trực tiếp với giá trị "đã kiểm tra" khi được cung cấp giá trị phía máy chủ 'đúng'.