javascript - 使用 ASP MVC 将跨度的数据绑定(bind)到数据库，使用 Model Binder

Question

我是 Asp.net MVC 新手

我需要一些关于如何制作计数器然后将其值提供给模型绑定(bind)器的建议。

我有两个modal页面。在第一个页面中，我有一个计数器供用户选择其请求的数量，如下所示: 当用户点击加号图标时，数字发生变化通过 Javascript

当用户单击“下一步”按钮时，将显示下一个模式页面，我通过 javascript 在那里设置了“选定日期”和“旅行者数量”。还有一个表单，我希望模型绑定(bind)器将其作为一个对象。

这是我的下一个模式页面的摘要 View

<p>
 <span  id="selecteddate"></span>


  <span id="selectedcount"></span>


  <span id="selectedprice"></span>
</p>

这里是 JavaScript :

$(".nextbtn").click(function () {

$("#selecteddate").html("Selected Date is : "+$("#showdate").html());
$("#selectedprice").html("Total Price is : " + $("#tpriceforall").html());
$("#selectedcount").html($("#shownum").html());
 });

并且它工作正常。

而且我在下一个模式页面中也有一个表单。我想将用户的输入数据传递到数据库+ span #selectedcount 中可用的数字，java 脚本每次设置它 。

因为我想使用 ModelBinder ，所以有一个输入将被隐藏。 但只是为了传递数据。这是我的请求模型的 TravelersCount 的输入

<div class="form-group">
@Html.LabelFor(model => model.Request.TravelersCount, htmlAttributes: new {@class = "control-label col-md-2" })
 <div class="col-md-10">
   @Html.EditorFor(model => model.Request.TravelersCount, new { htmlAttributes = new { @class = "form-control", @*@Value=?????*@ } })
@Html.ValidationMessageFor(model => model.Request.TravelersCount, "", new { @class = "text-danger" })
 </div>
</div>

我应该在 EditorFor 中为 Value 编写什么？

或者如果这种方式完全不规则，请建议我新的一种。 真的很感谢你的帮助。谢谢

Answer 1

您的 EditorFor() 方法使用 id="Request_TravelersCount" 创建输入。

要在单击按钮时更新其值，您可以使用

$(".nextbtn").click(function () {
    $("#selecteddate").html("Selected Date is : "+$("#showdate").html());
    $("#selectedprice").html("Total Price is : " + $("#tpriceforall").html());
    var num = $("#shownum").html();
    $("#selectedcount").html(num);
    $('#Request_TravelersCount').val(num);
});

旁注:您不应尝试在 HtmlHelper 方法中设置 value 属性(该方法将根据 ModelState 值设置正确的值)