[英]MVC @Html.HiddenFor renders html form with no value
这个问题与 POST方法、重新显示带有提交表单的视图或将输入值绑定到控制器方法参数无关。 这纯粹是关于使用 html 帮助程序( HiddenFor或Hidden - 两者返回相同)呈现视图。
我使用HiddenFor
助手创建了一个简单的隐藏字段
@Html.HiddenFor(m => m.ProductCode)
我的问题是这个隐藏字段的值呈现为空:
<input id="productCode" name="productCode" type="hidden" value/>
即使我在实例化模型时设置了它,当然它也通过调试得到确认(它总是有一个值)。
所以它应该是这样的:
<input id="productCode" name="productCode" type="hidden" value="8888888"/>
因为我知道有一些像这样的问题(实际上所有这些问题都是指在表单 POST 期间更改表单值)我列出了我已经尝试过的事情。 我的代码就在这部分的正下方,我认为这是必不可少的。
HiddenFor
助手,而是使用纯 html。 WORKS ,但它只是解决方法,而不是问题的答案。@Html.HiddenFor(m => m.ProductCode)
@Html.HiddenFor(m => m.ProductCode)
PARTIALLY WORKS 将第一个输入作为value/>
和第二个作为value="8888888"/>
,这表明可能存在隐藏初始属性值的东西。 无论如何,我在任何时候都没有在 ViewData 中找到任何内容,也没有在 query string 中找到。 显然我不能接受这种方式,我猜不需要解释。
@Html.Hidden
而不是@Html.HiddenFor
。 NO EFFECT ,名称设置为ProductCode它呈现相同的方式。 我发现有趣的另一件事。 在 Chrome [ctrl+U]中使用Display page source读取 html显示value 是有效value="8888888"/>
,但在 DevTools 中它仍然是value/>
并且当然提交表单将 null 传递给 Controller 方法。
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>
}
视图是从控制器返回的 RedirectToAction 如下:
ValidateAndProceed -> ResolveNextStep(这里发生重定向)-> ShowProduct
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 源)检查每个可能导致它失败的地方,但什么也没找到。
在@AndyMudrak 和@Jeremy Lakeman 发表评论后,我决定再次尝试找到对这种行为负责的 JavaScript,但比以前更深入。 我发现的是一个非常愚蠢的脚本,其中元素 Id 是从我没想到的三个字符串中连接起来的,因为它的实现非常糟糕。 所以最后 - JavaScript 正在这样做,并且框架等没有不良行为。
实际上我有点失望(即使知道这个简单的答案很好)因为它看起来比实际复杂得多,而且我花了几个小时才发现它有多简单:|
感谢您的评论,抱歉最后的简单。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.