使用Ajax.BeginForm

时设置的Content-Type我有一个简单视图模型：使用Ajax.BeginForm

public class CategoryViewModel 
{ 
    [Display(Name = "Category ID")] 
    [Editable(false)] 
    public int CategoryId { get; set; } 

    [Required(ErrorMessage = "Name is required")] 
    [StringLength(100, MinimumLength = 2, ErrorMessage = "You must enter a category name of at least 2 and maximum 100 characters")] 
    [Display(Name = "Name")] 
    public string Name { get; set; } 

    [HiddenInput(DisplayValue = false)] 
    public int? ParentId { get; set; } 
}

我有一个控制器，其发送到视图和新的，非填充，视图模型与类别ID和PARENTID设置为0 。我的观点是使用@ Html.EditorFor使用视图模型（自定义object.cshtml编辑模板），而是让事情变得容易，我改变了它下面的简单：

var options = new AjaxOptions() 
{ 
    Url = "/Api/Category/Post/" 
    OnComplete = "onCategorySaveComplete(xhr, status)", 
    OnBegin = "onCategorySaveBegin", 
    OnFailure = "onCategorySaveFailure(xhr, status)", 
}; 
@using (Ajax.BeginForm(options)) 
{ 
    <div class="inputForm"> 
     <div class="header">@(Model.CategoryId == 0 ? "New Category" : "Edit "+Model.Name+" ("+Model.CategoryId+"/"+Model.ParentId+")")</div> 
       <div class="section"> 
        <input type="hidden" name="CategoryId" value="" data-bind="value: CategoryId" /> 
        <input type="hidden" name="ParentId" value="" data-bind="value: ParentId" /> 
        <div class="line"> 
         <div class="label"> 
          @Html.LabelFor(m => m.Name) * 
         </div> 
         <div class="input"> 
          @Html.TextBoxFor(m => m.Name,null,new {@data_bind = "value: Name"}) 
          @Html.ValidationMessageFor(m => m.Name) 
         </div> 
        </div> 
       </div> 
     @Html.ValidationSummary("Some data is not correct:") 
     <div class="footer"> <input type="submit" id="btnSave" value="Save" /></div> 
    </div> 
}

在我的API控制器，我有：

public CategoryViewModel Post(CategoryViewModel value) 
{ 
    value = CategoryService.AddOrUpdate(value); 
    return value; 
}

我有其他的客户端功能，这将允许用户从KendoUI树视图中选择一个类别，它通过API调用加载ViewModel，并使用KnockOut来绑定，但这一切都很好，所以让我跳过这一点现在。

现在，当我提交表单，看看什么是发送到服务器，我看到以下内容：

Key Value 
Request POST /Api/Category/Post/ HTTP/1.1 
Accept */* 
Content-Type application/x-www-form-urlencoded; charset=UTF-8 
X-Requested-With XMLHttpRequest 
Referer http://localhost:3709/Category/ 
Accept-Language en-GB,nl-BE;q=0.5 
Accept-Encoding gzip, deflate 
User-Agent Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0) 
Host localhost:3709 
Content-Length 71 
Connection Keep-Alive 
Cache-Control no-cache 
Cookie GUEST_LANGUAGE_ID=en_US; COOKIE_SUPPORT=true

，并请求正文：

CategoryId=1130&ParentId=4&Name=Sensors&X-Requested-With=XMLHttpRequest

截至目前，所有正常我猜。但我在我的API控制器添加了一个断点，在这里我看到我的CategoryViewModel值实际上只包含“Name”和“ParentId”，并且“CategoryId”为0 然后我的服务认为它需要创建一个新的Category ，返回一个新的CategoryViewModel，然后返回给客户端的是JSON字符串。

我不明白为什么我的CategoryId没有读入我的ViewModel。另外，我试图通过JSON字符串提交数据，而不是以URLEcoded方式提交数据。我应该简单地离开助手并直接使用jquery吗？

非常感谢您的帮助

编辑后的夜间睡眠：

为什么我的类别ID没有被读入到我的视图模型的原因是如此简单：类别编号为[编辑（假）] 注解如果我删除它，工作。实际上，我仅将这些注释用于EditorFor和验证消息，却没有意识到它会阻止实际写入该字段。

所以我需要另一种方式来告诉EditorFor将某些字段渲染为隐藏的html字段。有任何想法吗？为什么使用@ Ajax.BeginForm无法配置发送JSON字符串到服务器而不是url编码，这仍然是。谢谢

来源

2012-07-12 Lothar

所以我需要另一种方式告诉EditorFor呈现为隐藏的html字段的某些字段。有任何想法吗？

您可以使用HiddenInput属性，该属性将指示编辑模板，以使其作为一个隐藏字段：

[HiddenInput(DisplayValue = false)] 
public int CategoryId { get; set; }

来源

2012-07-13 09:06:10

使用Ajax.BeginForm

回答

相关问题