Question

我想添加radio button来选择整个行，即来自database的数据。数据以表格格式提供。所以我想在第一个colomn中显示单选按钮。并使用此收音机检查按钮，可以执行操作。请完整。

@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

那么你的问题究竟是什么？你想在第一列中使用radiobutton吗？做下面的事情。这有帮助吗？在您的模型中有一个属性BookingID，可以在post方法上捕获它。

 @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>
  }

如何添加单选按钮以选择行

1 个答案: