asp.net-mvc-4 - MVC 4 多选列表框和选中列表框

Question

我想做一个类似的实现，由 Sivaraman Dhamodharan 在 MVC 4 asp.net 在他的文章中找到： http: //www.codeproject.com/Articles/139792/Multi-Select-List-Box-and-Checked-List -盒子

我是 MVC 4 的新手，我很享受它！

Answer 1

您可以在 MVC 中非常轻松地为“访问区域”和“分配的 ID”（如您在文章中提到的）创建多选框。对于带有复选框的选择框，您可以在 MVC 中创建一个表。

请按照以下步骤操作。

假设页面的视图模型是AssignWorkViewModel，产品的视图模型是ProductViewModel。

public class AssignWorkViewModel
{

    public List<ProductViewModel> Products { get; set; }
}


public class ProductViewModel
{
    public int ProductId { get; set; }

    //used to bind the checkbox value in the view
    public bool IsSelected { get; set; }

    public string ProductName { get; set; }
}

假设动作方法名称是“AssignWork”

public ActionResult AssignWork()
    {
        AssignWorkViewModel model = new AssignWorkViewModel();

        List<ProductViewModel> products = new List<ProductViewModel>();

        //let's add some values
        ProductViewModel samsungMonitor = new ProductViewModel();
        samsungMonitor.ProductId = 1;
        samsungMonitor.IsSelected = false;
        samsungMonitor.ProductName = "Samsung Monitor";
        products.Add(samsungMonitor);

        ProductViewModel sonyDvd = new ProductViewModel();
        sonyDvd.ProductId = 2;
        sonyDvd.IsSelected = false;
        sonyDvd.ProductName = "Sony DVD";
        products.Add(sonyDvd);

        ProductViewModel motherBoard = new ProductViewModel();
        motherBoard.ProductId = 3;
        motherBoard.IsSelected = false;
        motherBoard.ProductName = "Pentium Mother Board";
        products.Add(motherBoard);

        model.Products = products;

        //pass model to the view
        return View(model);
    }

风景，

@model SelectBoxTest.ViewModels.AssignWorkViewModel
<table>
    @foreach (var item in Model.Products)
    {
        <tr>
            <td>@Html.HiddenFor(model => item.ProductId)</td>
            <td>@Html.CheckBoxFor(model => item.IsSelected)</td>
            <td>@Html.DisplayFor(model => item.ProductName)</td>
        </tr>
    }
</table>

结果，

我认为这可能会帮助您开始。