gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 06:36:07 26 4
gpt4 key购买 nike

我是 Asp.net MVC 新手

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

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

enter image description here

当用户单击“下一步”按钮时,将显示下一个模式页面,我通过 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 编写什么?

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

最佳答案

您的 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 值设置正确的值)

关于javascript - 使用 ASP MVC 将跨度的数据绑定(bind)到数据库,使用 Model Binder,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38197172/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com