詳解ASP.NET MVC 下拉框的傳值的兩種方式

來源：本站原創(chuàng)|時間：2020-01-11|欄目：ASP.NET|點擊：次

以前使用WebForm變成時，下拉框傳值只需直接在后臺綁定代碼就可以了。現(xiàn)在我們來看看在MVC中DropDownList是如果和接受從Controller傳過來的值的。

第一種：使用DropDownList

控制器代碼：

    public ActionResult Index()
    {
 
      //1.1查詢YzSeriesEntity的數據
      List<Model.YzSeriesEntity> seriesList = seriesBLL.LoadEnities().ToList();
      //1.2將YzSeriesEntity的數據封裝到 SelectList中，制定要生成下拉框選項的value和text屬性
      SelectList selList1 = new SelectList(seriesList, "SerialName", "SerialName");
 
      //2.1查詢YzDivisionEntity的數據
      List<Model.YzDivisionEntity> divisionList = divisionBLL.LoadEnities().ToList();
      //2.2講YzDivisionEntity的數據封裝到 SelectList中，制定要生成下拉框選項的value和text屬性
      SelectList selList2 = new SelectList(divisionList, "DivisionName", "DivisionName");
 
      //3.調用Selectlist的As方法，自動生成SelectListItem集合，并存入ViewBag中
      ViewBag.selList1 = selList1.AsEnumerable();
      ViewBag.selList2 = selList2.AsEnumerable();
      
      return View();
    }

視圖代碼：

    <!-------------- 添加對話框-------------->
    <div id="addDiv">
      @using (Ajax.BeginForm("Add", new AjaxOptions() { OnSuccess = "afterAdd" }))
      {
        <table>
          <tr>
            <td>編號：</td>
            <td>
              @Html.TextBox("StaffID")
            </td>
          </tr>
          <tr>
            <td>姓名：</td>
            <td>@Html.TextBox("StaffName")</td>
          </tr>
          <tr>
            <td>性別：</td>
            <td>
              <input type="radio" id="GenderM" name="Sex" value="男" />男
              <input type="radio" id="GenderF" name="Sex" value="女" checked />女
            </td>
          </tr>
          <tr>
            <td>所在系列：</td>
            <td>
              @Html.DropDownList("SerialName", ViewBag.selList1 as IEnumerable<SelectListItem>)
            </td>
          </tr>
          <tr>
            <td>科室或年級組：</td>
            <td>
              @Html.DropDownList("DivisionName", ViewBag.selList2 as IEnumerable<SelectListItem>)
            </td>
          </tr>
          <tr>
            <td>任課學科：</td>
            <td>
              @Html.TextBox("Subjects")
            </td>
          </tr>
          <tr>
            <td>聘任日期：</td>
            <td>
              @Html.TextBox("EngageDate")
            </td>
          </tr>
          <tr>
            <td>參加工作日期：</td>
            <td>
              @Html.TextBox("WorkDate")
            </td>
          </tr>
          <tr>
            <td>職稱：</td>
            <td>
              @Html.TextBox("jobQualification")
            </td>
          </tr>
          <tr>
            <td>身份證號：</td>
            <td>
              @Html.TextBox("IdentityCard")
            </td>
          </tr>
 
        </table>
      }
 
    </div>

效果顯示：

第二種：使用<select></select>

視圖代碼：

    <!--選擇權重-->
    <div>
      <span>@Html.Label("請選擇權重：")</span>
      <span>
        <select id="cc" class="easyui-combobox" name="dept"
            data-options="valueField:'ID',textField:'Weight',url:'/SettingEvaluation/ListOption'" />
      </span>
    </div>

控制器代碼：

    //下拉框對應的列表
    public ActionResult ListOption()
    {
      //2.1.查詢出weight實體,并將其轉成DTO類型
      List<Model.DTO.YzWeightEntityDTO> weightList =
        weightBLL.LoadEnities().ToList().Select(s => s.ToDto()).ToList();
      //2.2返回json
      return Json(weightList, JsonRequestBehavior.AllowGet);
 
    }

效果顯示：

總結：

兩種傳值方式的比較：

第一種是控制器通過ViewBag傳值，前臺通過@Html.DropDownList接收；第二種是通過Json傳值，前臺通過url綁定valueField和textField的值來獲取數據。兩者沒有什么太大的不同，但是由于傳值使用<select></select>接收的，使用的是HTML標簽，所以還可以用來綁定其他的js事件，所以如果有功能需要的話，后者要比前者靈活些。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持我們。

上一篇：DataReader不能使用using的詳細示例

欄目：ASP.NET

下一篇：ADO.NET實用經驗匯總

本文標題：詳解ASP.NET MVC 下拉框的傳值的兩種方式

本文地址：http://mengdiqiu.com.cn/a1/ASP_NET/10834.html

更多ASP.NET

欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

ASP.NET

詳解ASP.NET MVC 下拉框的傳值的兩種方式

您可能感興趣的文章

閱讀排行

本欄相關

隨機閱讀