将DropDownList值发布到MVC控制器

Question

我正在尝试从DropDownList获取信息并将SelectListItem“Value”发布到控制器中的另一个ActionResult方法。它将传递给的控制器将采用整数值并在另一个查询中使用它。

我填充DropDownList的控制器方法如下：

public ActionResult SelectCategory()
{
    var model = new TestTypesViewModel();

    var query = (from ab in db.Tbl_Admin_Batch
                 from ub in db.Tbl_Admin_User_Batch
                 where ub.User_Id == 45875 && ab.Batch_Id == ub.Batch_Id
                select ab).ToList();

    model.Test_Types = query.Select(c => new SelectListItem
        {
            Text = c.Batch_Name,
            Value = c.Batch_Id.ToString()
        }).ToList();

   return View(model);

我的TestTypesViewModel的ViewModel如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace HFI_Assessment_Administration.ViewModels
{
    public class TestTypesViewModel
    {
        public int Batch_ID { get; set; }
        public string Test_Type { get; set; }

        public IEnumerable<SelectListItem> Test_Types { get; set; }
    }
}

我是MVC的新手并且试图保持简单，我知道还没有指定Batch_ID和Test_Type，但是我不确定它们是否在此时是必要的。

非常感谢任何建议或帮助，非常感谢！

修改

我现在有一个View for SelectCategory，如下所示：

@model HFI_Assessment_Administration.ViewModels.TestTypesViewModel

@{
    ViewBag.Title = "SelectCategory";
}

@using (Html.BeginForm("Practice", "WebFormUserList"))
{
    @Html.DropDownListFor(x => x.Batch_ID, Model.Test_Types)
    <input type="submit" />
} 

传递给它的控制器如下：

[HttpPost]
public ActionResult Practice(TestTypesViewModel model, int Parent_ID = 45875)
{
    var query = (from u in db.Users
                 join ur in db.User_Relationship on u.User_ID equals ur.Child_ID
                 join ub in db.Tbl_Admin_User_Batch on u.User_ID equals ub.User_Id

                 join ut in db.User_Tests on u.User_ID equals ut.User_ID into ps
                 from ut in ps.DefaultIfEmpty()

                 join lu in db.Lookups on u.First_LanguageID equals lu.LookupID

                 where ur.Parent_ID == Parent_ID && ub.Batch_Id == model.Batch_ID

                 group new { u, lu, ut } by new
                 {
                     u.User_ID,
                     u.Forename,
                     u.Surname,
                     u.Client_Code,
                     u.User_Name,
                     u.Password,
                     u.Email,
                     u.Gender,
                     u.Report_date,
                     u.EmailDate,
                     u.Job_Function,
                     lu.LookupValue
                 } into g

                 select new UserViewModel
                    {
                         User_ID = g.Key.User_ID,
                         Forename = g.Key.Forename,
                         Surname = g.Key.Surname,
                         Client_Code = g.Key.Client_Code,
                         User_Name = g.Key.User_Name,
                         Password = g.Key.Password,
                         Email = g.Key.Email,
                         Gender = g.Key.Gender,
                         Report_Date = g.Key.Report_date,
                         Email_Date = g.Key.EmailDate,
                         Test_Count = g.Count(p => p.ut.Test_ID != null),
                         Test_Completed = g.Count(p => p.ut.Completed != null),
                         Job_Function = g.Key.Job_Function,
                         Lookup_Value = g.Key.LookupValue
                     }).ToList();

        return View(query);
    }

实践观点如下：

@model IEnumerable<HFI_Assessment_Administration.ViewModels.UserViewModel>

@{
    ViewBag.Title = "ChildUsers";
}

<h2>Practice</h2>

<div>
    @{
        var grid = new WebGrid(Model);
    }

    @grid.GetHtml(

    tableStyle: "webgrid",
    headerStyle: "webgrid-header",
    footerStyle: "webgrid-footer",
    alternatingRowStyle: "webgrid-alternating-row",  
    selectedRowStyle: "webgrid-selected-row",
    rowStyle: "webgrid-row-style",

    columns: grid.Columns
    (
        grid.Column(columnName:"User_ID", header: "User ID", style: "text-align-center"),
        grid.Column(columnName:"Forename", header: "Forename", style: "text-align-center"),
        grid.Column(columnName:"Surname", header: "Surname", style: "text-align-center"),
        grid.Column(columnName:"Client_Code", header: "Client Code", style: "text-align-center"),
        grid.Column(columnName:"User_Name", header: "User Name", style: "text-align-center"),
        grid.Column(columnName:"Password", header: "Password", style: "text-align-center"),
        grid.Column(columnName:"Email", header: "Email", style: "text-align-center"),
        grid.Column(columnName:"Gender", header: "Gender", style: "text-align-center"),
        grid.Column(columnName:"Report_Date", header: "Report Date", style: "text-align-center"),
        grid.Column(columnName:"Email_Date", header: "Email Date", style: "text-align-center"),
        grid.Column(columnName:"Test_Count", header: "Count", style: "text-align-center"),
        grid.Column(columnName:"Test_Completed", header: "Completed", style: "text-align-center"),
        grid.Column(columnName:"Job_Function", header: "Job Function", style: "text-align-center"),
        grid.Column(columnName:"Lookup_Value", header: "Language", style: "text-align-center")
        )          
    )
</div>

在我尝试转到网格的下一页或尝试对网格进行排序之前，一切都很好。在我收到错误的地方，“/”应用程序中的服务器错误。无法找到资源。

Answer 1

有很多方法可以实现这一目标。您可以使用标准<form>标记或使用AJAX发送值。

让我们看看第一个案例：

@model TestTypesViewModel
@using (Html.BeginForm("SomeAction", "SomeController"))
{
    @Html.DropDownListFor(x => x.Test_Type, Model.Test_Types)
    <button type="submit">OK</button>
}

现在在你的目标行动中：

[HttpPost]
public ActionResult SomeAction(TestTypesViewModel model) 
{
    // model.Test_Type will contain the selected value here

    // Notice that if you intend to return the same view as the GET action 
    // (SelectCategory.cshtml) you should assign the Test_Types property on
    // your model by querying your database the same way you did in the GET action
    // before passing this model to the view. If on the other hand you intend to
    // redirect here you don't need to assign it.
}

第二种可能性是使用AJAX。所以你可以举例说明你的下拉列表是一个id并且有一些链接，点击它时会调用目标控制器动作，使用AJAX向它发送所选值：

@Html.DropDownListFor(x => x.Test_Type, Model.Test_Types, new { id = "testTypeDdl" })
@Html.ActionLink("click me", "SomeAction", null, new { id = "myLink" })

然后点击某个按钮或链接时，请使用$.ajax请求：

$(function() {
    $('#myLink').click(function() {
        $.ajax({
            url: this.href,
            type: 'GET',
            cache: false,
            data: { selectedValue: $('#testTypeDdl').val() },
            success: function(result) {
                alert('The value was submitted to the server');
            }
        });
        return false;
    });
});

现在您的控制器操作可能具有以下签名：

public ActionResult SomeAction(string selectedValue)
{
    // Process the selected value here and return some result.
    // This result could either be a PartialView or a JsonResult
    // depending on your requirements.
}