MVC @Html.HiddenFor 呈现没有值的 html 表单



在阅读其余内容之前注意

此问题与 POST 方法、使用提交的表单重新显示视图或将输入值绑定到控制器方法参数无关。这纯粹是关于使用 html 帮助程序(HiddenForHidden- 两者都返回相同的(呈现视图


我使用助手创建了一个简单的隐藏字段HiddenFor

@Html.HiddenFor(m => m.ProductCode)

我的问题是这个隐藏字段的值呈现为 null:

<input id="productCode" name="productCode" type="hidden" value/>

即使我在实例化模型时设置了它,当然它通过调试得到确认(它总是有一个值(.
所以它应该看起来像这样:

<input id="productCode" name="productCode" type="hidden" value="8888888"/>

因为我知道有一些这样的问题(实际上它们都是指在表单 POST 期间更改表单值(,所以我列出了我已经尝试过的事情列表。我的代码就在本节下方,我认为这是必不可少的。


到目前为止,我尝试了:

  • ModelState.Clear(( 无处不在 -因为我们知道 ModelState 的值是它查找值的第一个位置没有我期望的效果,因为我的 ModelState 是空的(我的情况不是像在许多类似的问题中那样在控制器中更改 POST 期间的值(,所以它应该从我的视图模型中获取值。
  • 不使用HiddenFor助手,而是使用纯 html。有效,但它只是解决方法,而不是问题的答案。
  • 复制
  • 带有帮助程序的行,如下所示:
@Html.HiddenFor(m => m.ProductCode)
@Html.HiddenFor(m => m.ProductCode)

部分工作生成第一个输入作为value/>,第二个输入作为value="8888888"/>,这表明可能存在隐藏初始属性值的东西。无论如何,我在任何时候都没有在 ViewData 中找到任何内容,也没有在查询字符串中找到任何内容。显然我不能接受这种方式,我想不需要扩展。

  • 更改属性的名称。最初它是ProductCode。我把它改成了productCode,ProdCode,ProductCodeasd等,所有这些作品都有效。同样,看起来有一些东西隐藏/更新了该值,但再次 - 100% 确定没有 JS 或其他任何东西在做这件事。所以仍然没有找到答案 -只是再次解决方法
  • 显式设置 HiddenFor
  • : @Html.HiddenFor(x => x.ProductCode, new {Value = @Model.ProductCode}( 的值。没有效果,渲染方式相同。
  • 使用@Html.Hidden而不是@Html.HiddenFor没有效果,名称设置为产品代码,它的渲染方式相同。

还有一件事我觉得很有趣。在 Chrome[ctrl+U]中使用显示页面源代码读取 html 显示该值value="8888888"/>有效,但在 DevTools 中它仍然value/>,当然提交表单会将 null 传递给控制器方法。


public class Product
{
public string Description { get; set; }
public int Quantity { get; set; }
public string ProductCode { get; set; }
public string ImageUrl { get; set; }
public Product(string desc, string productCode, string imgUrl)
{
Description = desc;
ProductCode = productCode;
ImageUrl = imgUrl;
}
}

视图

@model Product
@using (Html.BeginForm("UpdateCart", "Cart"))
{
<div class="row pad10">
<div class="col-sm-6 text-center">
<img src="@Model.ImageUrl" width="300" height="300" />
</div>
<div class="col-sm-6 text-justify">
<p>@Model.Description</p>
<div class="row padding-top-2">
<div class="col-sm-6">
<label>@CommonResources.Quantity: </label>
</div>
<div class="col-sm-4">
@Html.TextBoxFor(m => m.Quantity, new
{
@class = "form-control",
@data_val_required = CommonResources.FieldRequired,
@data_val_number = CommonResources.ValidationNumber
})
@Html.ValidationMessageFor(model => model.Quantity, "", new { @class = "text-danger" })
@Html.HiddenFor(m => m.ProductCode)
</div>
</div>
</div>
</div>
<div class="text-center col-xs-12 padTop20 padBottom20">
<input type="submit" value="Submit" class="whtBtn pad" />
</div>
}

控制器

视图从控制器返回,重定向到操作如下:
验证和继续 -> 解决下一步(此处发生重定向(-> 显示产品

public ActionResult ValidateAndProceed()
{
var order = Session.Current.Order;
var lang = LangService.GetSelectedLanguage();
var invoice = Session.Current.CurrentInvoice;
var localCurrency = Session.Current.LocalCurrencyInfo;
List<CheckoutValidationFieldError> errors = new List<CheckoutValidationFieldError>();
errors = ValidationService.ValidateAddress(order);
if (errors.Count > 0)
{
return RedirectToAction("InvalidAddress", "Address", new { serializedErrors = JsonConvert.SerializeObject(errors) });
}
return ResolveNextStep(order, invoice);
}
public ActionResult ResolveNextStep(IOrder order, IInvoice invoice)
{
if (OrderService.ShowProductView(order, invoice))
{
return RedirectToAction("ShowProduct");
}
return RedirectToAction("Summary");
}
public ActionResult ShowProduct()
{
Product model = ProductService.GetProduct(Session.Current.CurrentInvoice);
return View("~/Views/Product.cshtml", model );
}

最后,是什么导致了如此奇怪的行为?我已经没有选择余地了。也许以前有人有像我这样的问题,会感谢这个案子的任何线索。

我调试了渲染视图的整个过程(进入 .Net 源代码(,检查每个可能使其失败的地方,但一无所获。

在 Lakeman @AndyMudrak和@Jeremy评论之后,我决定再次尝试找到 JavaScript 对这种行为负责,但比我以前更深入。我发现是一个非常愚蠢的脚本,其中元素 Id 是由三个字符串连接的,这是我没想到的,因为它的实现真的很糟糕。所以最后 - JavaScript 正在这样做,并且框架等没有不良行为。

实际上我有点失望(即使很高兴知道这个简单的答案(,因为它看起来比实际复杂得多,我花了几个小时才发现它有多简单:|

感谢您的评论,抱歉最后的简单性。

最新更新