温馨提示:本文翻译自stackoverflow.com,查看原文请点击:c# - MVC @Html.HiddenFor renders html form with no value
asp.net-mvc-5 c# html razor hidden-field

c# - MVC @ Html.HiddenFor呈现无值的html表单

发布于 2020-03-31 23:11:57

注意,在阅读其余内容之前

这个问题不是关于POST方法,重新显示具有提交表单的视图或将输入值绑定到控制器方法参数。这纯粹是渲染视图使用HTML助手(HiddenFor隐藏 -无论返回相同)。


我使用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中找到任何内容,也没有在查询string中找到任何内容显然,我不能接受这种方式,我猜不需要任何终止。

  • 更改属性的名称。最初是ProductCode我将其更改为productCode,ProdCode,ProductCodeasd等,以及所有这些WORKS再次,看起来好像有些东西可以隐藏/更新值,但是再次-100%确保没有JS或其他任何操作。因此,仍然找不到答案-请再次解决
  • 显式设置HiddenFor的值:@ Html.HiddenFor(x => x.ProductCode,新的{Value = @ Model.ProductCode})。NO EFFECT,呈现相同的方式。
  • 使用@Html.Hidden代替@Html.HiddenForNO EFFECT,名称设置为ProductCode,它以相同的方式呈现。

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


模型

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 );
        }

最后,什么会导致这种奇怪的行为?我已经没有其他选择了。也许任何人以前都遇到过像我这样的问题,不胜感激此案的任何线索。

查看更多

提问者
Przemysław
被浏览
84
Przemysław 2020-01-31 21:53

我调试了渲染视图的整个过程(进入.Net源代码),检查了所有可能使其失败并没有发现任何内容的地方。

在@AndyMudrak和@Jeremy Lakeman发表评论之后,我决定再次尝试查找导致该行为的JavaScript,但比以前更深入。我发现这是一个非常愚蠢的脚本,其中将元素ID与我没想到的三个字符串连接在一起,因为它确实实现得很差。所以最后-JavaScript正在这样做,并且框架等都没有不良行为。

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

感谢您的评论,对于最终的简化,我们深表歉意。