행을 선택하는 라디오 버튼 추가 방법

Question

database에서 오는 데이터 인 전체 행을 선택하려면 radio button을 추가하고 싶습니다. 데이터는 표 형식으로 제공됩니다. 그래서 저는 첫 번째 콜론에서 라디오 버튼을 보여주고 싶습니다. 및이 라디오 확인 버튼을 사용하여 작업을 수행 할 수 있습니다. 전체가 필요합니다.

@if (Model != null && Model.Count > 0) 
         { 

        <div class="row footable_box"> 
         <div class="panel-body"> 
          <div align="center"> <span id="spn_message" style="color:green;font:bolder;font-weight:bold;text-align:center;" ></span></div> 
          <table id="demo-foo-filtering" class="table table-bordered table-hover toggle-circle" data-page-size="10"> 
           <thead> 
            <tr> 

             <th data-toggle="true" data-sort-ignore="true" style="text-align:center">Booking ID</th> 
             <th data-sort-ignore="true" style="text-align:center"> 
              Service Provider Name 
             </th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center">Service Name</th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center" width="18%">Comsumer Name</th> 
             @*<th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center"> 
              Booked on <br /> 
              Date & Time 
             </th>*@ 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center"> 
              Service <br /> 
              Start Date 
             </th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center"> 
              Service <br /> 
              End Date 
             </th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center"> 
              Service <br /> 
              Start Time 
             </th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center"> 
              Service <br /> 
              End Time 
             </th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center">Status</th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" width="10%" style="text-align:center">View Service</th> 
            </tr> 
           </thead> 
           <tbody> 



            @foreach (var CAH in Model) 
            { 
             <tr> 
              @*<td><input type="radio" style="text-align:center" name="row" value="@CAH.BookingID"></input></td>*@ 
              <td style="text-align:center">@CAH.BookingID</td> 
              <td style="text-align:center">@CAH.Provider</td> 
              <td style="text-align:center">@CAH.Service</td> 
              <td style="text-align:center">@CAH.Consumer</td> 
              <td style="text-align:center">@CAH.StartDate</td> 
              <td style="text-align:center">@CAH.EndDate</td> 
              <td style="text-align:center">@CAH.StartTime</td> 
              <td style="text-align:center">@CAH.EndTime</td> 
</tr> 
} 

Answer 1

그럼 실제 질문은 무엇입니까? 첫 번째 열에서 라디오 버튼을 원하나요? 아래 사항을 수행하십시오. 이게 도움이 되나요? 모델에서 post 메소드를 통해 catch 할 수있는 속성 BookingID가 있어야합니다.

@foreach (var CAH in Model) 
{ 
     <tr> 
      <td>@Html.RadioButton("BookingID",@CAH.BookingID)</td> 
      <td style="text-align:center">@CAH.BookingID</td> 
      <td style="text-align:center">@CAH.Provider</td> 
      <td style="text-align:center">@CAH.Service</td> 
      <td style="text-align:center">@CAH.Consumer</td> 
      <td style="text-align:center">@CAH.StartDate</td> 
      <td style="text-align:center">@CAH.EndDate</td> 
      <td style="text-align:center">@CAH.StartTime</td> 
      <td style="text-align:center">@CAH.EndTime</td> 
    }