0

我想做的是创建一个 SubCategory 对象。为了做到这一点，我制作了一个视图模型，它将为我的视图提供必要的数据（包括子类别将绑定到的类别对象。）

当我发布我的表单时，视图模型被返回到我的控制器，但我的子类别的所有属性和我从下拉列表中选择的值都是空的。

我究竟做错了什么？:S

看法：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.master" Inherits="System.Web.Mvc.ViewPage<SkyLearn.Areas.Categories.Models.CategoryViewModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Create
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<h2>Create</h2>

<script src="<%: Url.Content("~/Scripts/jquery.validate.min.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js") %>" type="text/javascript"></script>

<form action="" method="post" enctype="multipart/form-data">
    <%: Html.ValidationSummary(true) %>
    <fieldset>
        <legend>SubCategory</legend>

        <div class="editor-label">
            <%: Html.LabelFor(model => model.subcategory.Title) %>
        </div>
        <div class="editor-field">
            <%: Html.EditorFor(model => model.subcategory.Title)%>
            <%: Html.ValidationMessageFor(model => model.subcategory.Title)%>
        </div>

        <div class="editor-label">
            <%: Html.LabelFor(model => model.subcategory.Icon)%>
        </div>
        <div class="editor-field">
            <input type="file" name="icon" id="icon"/>
        </div>

        <%: Html.DropDownListFor(selectedcategory => Model.selectedCategory, Model.categories) %>

        <div class="editor-label">
            <%: Html.LabelFor(model => model.subcategory.Description)%>
        </div>
        <div class="editor-field">
            <%: Html.EditorFor(model => model.subcategory.Description)%>
            <%: Html.ValidationMessageFor(model => model.subcategory.Description)%>
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
</form>

<div>
    <%: Html.ActionLink("Back to List", "Index") %>
</div>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="SideContent" runat="server">
</asp:Content>

控制器：

[Authorize(Roles = "administrator")]
        [HttpPost]
        public ActionResult Create(CategoryViewModel viewmodel, HttpPostedFileBase Icon)
        {
            SubCategory subcategory = viewmodel.subcategory;

            subcategory.Category = categorycontroller.getCategoryByName(viewmodel.selectedCategory);

            if (Icon != null && Icon.ContentLength > 0)
            {
                // extract only the filename
                var fileName = Path.GetFileName(Icon.FileName);
                // store the file inside ~/App_Data/uploads folder
                var path = Path.Combine(Server.MapPath("../../Content/icons/"), fileName);
                Icon.SaveAs(path);
                subcategory.Icon = fileName;
            }

            if (ModelState.IsValid)
            {
                db.subcategories.Add(subcategory);
                db.SaveChanges();
                return RedirectToAction("Index");  
            }

            return View(subcategory);
        }

视图模型：

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

namespace SkyLearn.Areas.Categories.Models
{
    public class CategoryViewModel
    {
        public List<SelectListItem> categories;
        public SubCategory subcategory;
        public string selectedCategory;

        public CategoryViewModel()
        {
            categories = new List<SelectListItem>();
            subcategory = new SubCategory();
            selectedCategory = "";
        }
    }
}

视图模型包含我尝试创建的子类别可以绑定到的类别列表。它还包含一个子类别对象，我可以使用它来创建子类别。最后一个属性是我想用来绑定下拉列表中的选择的字符串。

4

1 回答 1

1

ASP.Net MVC3 的 SelectListItem 不符合您的预期。此外，尝试 Html.DropDownListFor() 而不是 Html.EditorFor() 来制作您的下拉列表。

在视图模型中：

public IList<string> PossibleValues {get; set;}
public string SelectedValue {get; set;}

将值加载到 ViewModel 的构造函数中的 PossibleValues 中。

在视图中：

@Html.DropDownListFor(x => x.SelectedValue, new SelectList(Model.PossibleValues))

这将自动生成您的下拉列表并将其绑定到您的模型。如果需要，您也可以将默认值和其他自定义项传递到此 Html 辅助函数中。

保存其他值 您可以保存其他值，用户不应该选择编辑但如果用户进行编辑则不是关键任务的值，使用

@Html.HiddenFor(m => m.RememberThisValue);

请记住，这个值是隐藏的，但仍然可以在 DOM 上编辑并发布用户想要的任何内容。确保通过检查 POST 的隐藏值来保护自己免受恶意值注入。

将所有重要的内容存储在服务器端，通过您的模型将哈希/私钥传递给用户，并实现静态会话字典来存储这些小信息。

于 2012-04-30T14:29:52.417 回答