ASP.NET MVC Có/Không nút radio có mô hình mạnh ràng buộc MVC

Question

Có ai biết cách kết buộc nút Yes/No radio với thuộc tính boolean của mô hình được đánh máy mạnh trong ASP.NET MVC không.

Mẫu

public class MyClass 
{ 
    public bool Blah { get; set; } 
} 

Xem

<%@ Page Title="blah" Inherits="MyClass"%> 
    <dd> 
     <%= Html.RadioButton("blah", Model.blah) %> Yes 
     <%= Html.RadioButton("blah", Model.blah) %> No 
    </dd> 

Cảm ơn

SOLUTION:

Cám ơn Brian cho việc định hướng nhưng nó đã trái ngược với những gì ông viết. Như vậy -

<%@ Page Title="blah" Inherits="MyClass"%> 
<dd> 
    <%= Html.RadioButton("blah", !Model.blah) %> Yes 
    <%= Html.RadioButton("blah", Model.blah) %> No 
</dd> 

Answer 1

Thông số thứ hai được chọn, vì vậy hãy sử dụng! để chọn giá trị không có khi boolean là false.

<%= Html.RadioButton("blah", !Model.blah) %> Yes 
<%= Html.RadioButton("blah", Model.blah) %> No 

Answer 2

Nếu bạn đang sử dụng MVC 3 và Razor bạn cũng có thể sử dụng như sau:

@Html.RadioButtonFor(model => model.blah, true) Yes 
@Html.RadioButtonFor(model => model.blah, false) No 

Answer 3

hoặc MVC 2.0:

<%= Html.RadioButtonFor(model => model.blah, true) %> Yes 
<%= Html.RadioButtonFor(model => model.blah, false) %> No 

Answer 4

Building hơi tắt câu trả lời của Ben, tôi đã thêm thuộc tính cho ID để tôi có thể sử dụng nhãn.

<%: Html.Label("isBlahYes", "Yes")%><%= Html.RadioButtonFor(model => model.blah, true, new { @id = "isBlahYes" })%> 
<%: Html.Label("isBlahNo", "No")%><%= Html.RadioButtonFor(model => model.blah, false, new { @id = "isBlahNo" })%> 

Tôi hy vọng điều này sẽ hữu ích.

Answer 5

Thêm thẻ nhãn xung quanh các nút radio sử dụng HTML thông thường sẽ khắc phục vấn đề 'labelfor' cũng như:

<label><%= Html.RadioButton("blah", !Model.blah) %> Yes</label> 
<label><%= Html.RadioButton("blah", Model.blah) %> No</label> 

Nhấp vào văn bản hiện nay chọn nút radio thích hợp.

Answer 6

Dưới đây là ví dụ hoàn chỉnh hơn bằng cách sử dụng fieldset vì lý do trợ năng và chỉ định nút đầu tiên làm mặc định. Không có fieldset, tất cả các nút radio cho toàn bộ không thể được xác định theo chương trình.

Mẫu

public class MyModel 
{ 
    public bool IsMarried { get; set; } 
} 

Xem

<fieldset> 
    <legend>Married</legend> 

    @Html.RadioButtonFor(e => e.IsMarried, true, new { id = "married-true" }) 
    @Html.Label("married-true", "Yes") 

    @Html.RadioButtonFor(e => e.IsMarried, false, new { id = "married-false" }) 
    @Html.Label("married-false", "No") 
</fieldset> 

Bạn có thể thêm một đối số @checked đến đối tượng ẩn danh để thiết lập các nút radio như là mặc định:

new { id = "married-true", @checked = 'checked' } 

Lưu ý rằng bạn có thể liên kết với một chuỗi bằng cách thay thế true và false bằng các giá trị chuỗi.

Answer 7

tôi đã kết thúc đóng gói này thành một phương pháp khuyến nông như vậy (1) tôi có thể tạo ra các nhãn và đài phát thanh cùng một lúc và (2) vì vậy tôi không cần phải phiền phức với cách xác định ID của riêng tôi:

public static class HtmlHelperExtensions 
{ 
    public static MvcHtmlString RadioButtonAndLabelFor<TModel, TProperty>(this HtmlHelper<TModel> self, Expression<Func<TModel, TProperty>> expression, bool value, string labelText) 
    { 
     // Retrieve the qualified model identifier 
     string name = ExpressionHelper.GetExpressionText(expression); 
     string fullName = self.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(name); 

     // Generate the base ID 
     TagBuilder tagBuilder = new TagBuilder("input"); 
     tagBuilder.GenerateId(fullName); 
     string idAttr = tagBuilder.Attributes["id"]; 

     // Create an ID specific to the boolean direction 
     idAttr = String.Format("{0}_{1}", idAttr, value); 

     // Create the individual HTML elements, using the generated ID 
     MvcHtmlString radioButton = self.RadioButtonFor(expression, value, new { id = idAttr }); 
     MvcHtmlString label = self.Label(idAttr, labelText); 

     return new MvcHtmlString(radioButton.ToHtmlString() + label.ToHtmlString()); 
    } 
} 

cách sử dụng:

@Html.RadioButtonAndLabelFor(m => m.IsMarried, true, "Yes, I am married") 

Answer 8

Nếu tôi có thể ném chiếc mũ của tôi vào chiếc nhẫn, tôi nghĩ rằng có một cách sạch hơn so với câu trả lời hiện có để tái sử dụng các chức năng của nút radio.

Hãy nói rằng bạn có các tài sản sau đây trong bạn ViewModel:

Public Class ViewModel 
    <Display(Name:="Do you like Cats?")> 
    Public Property LikesCats As Boolean 
End Class 

Bạn có thể tiếp xúc với tài sản đó thông qua một thể tái sử dụng editor template:

Đầu tiên, tạo file Views/Shared/EditorTemplates/YesNoRadio.vbhtml

Sau đó thêm mã sau đây để YesNoRadio.vbhtml:

@ModelType Boolean? 

<fieldset> 
    <legend> 
     @Html.LabelFor(Function(model) model) 
    </legend> 

    <label> 
     @Html.RadioButtonFor(Function(model) model, True) Yes 
    </label> 
    <label> 
     @Html.RadioButtonFor(Function(model) model, False) No 
    </label> 
</fieldset> 

Bạn có thể gọi các biên tập viên cho tài sản bằng cách thủ công chỉ định tên mẫu trong Xem bạn:

@Html.EditorFor(Function(model) model.LikesCats, "YesNoRadio") 

---

Ưu điểm:

• Nhận viết HTML trong trình chỉnh sửa HTML thay vì thêm chuỗi vào mã phía sau.
• Bảo tồn DisplayName DataAnnotation
• Cho phép nhấp chuột vào Label để chuyển nút radio
• đang ít nhất có thể để duy trì theo hình thức (1 dòng). Nếu có điều gì đó sai trái với cách nó đang giảm dần, hãy lấy nó với mẫu.