将数据从视图传递到控制器并返回到同一个视图 ASP Net Core MVC

Question

嗨，我不知道如何将简单数据从视图传递到控制器，我需要为更新同一个视图生成值，让我展示代码以便更好地理解。 我想添加包含患者、医生和访问日期（日期和小时）的访问，因此在创建页面中我得到了代码：

<form asp-action="Create">
        <div asp-validation-summary="ModelOnly" class="text-danger"></div>
        <div class="form-group">
            <label asp-for="PatientId" class="control-label"></label>
            <select asp-for="PatientId" class="form-control" asp-items="ViewBag.PatientId"></select>
        </div>
        <div class="form-group">
            <label asp-for="DoctorId" class="control-label"></label>
            <select asp-for="DoctorId" id="iddoctor" class="form-control" asp-items="ViewBag.DoctorId" onchange="go()">
            </select>
        </div>
       <div class="form-group">
           <label asp-for="date" class="control-label"></label>
           <input asp-for="date" class="form-control" />
           <span asp-validation-for="date" class="text-danger"></span>
       </div>
       <div class="form-group">
    <label asp-for="date" class="control-label"></label>
    <select asp-for="date" class="form-control" asp-items="ViewBag.date"></select>
</div>

我从日历中选择病人、医生和日期，我想把它发送到控制器，它应该生成可用时间列表，放在 ViewBag.date 的同一页面中，这样我也可以选择时间并通过单击“添加访问”完成添加访问

我的控制器创建功能

public IActionResult Create()
    {
     ViewData["DoctorId"] = new SelectList(_context.Doctors, "DoctorId", "Surname" );
     ViewData["PatientId"] = new SelectList(_context.Patients, "PatientId", "Surname" );
     return View();
    }

编辑：下面我的答案中的解决方案

Answer 1

我从日历中选择病人、医生和日期，我想把它发送到控制器，它应该生成可用时间列表，放在 ViewBag.date 的同一页面中，这样我也可以选择时间并通过单击“添加访问”完成添加访问

为了达到要求，您可以尝试为hour信息定义一个新属性，如下所示。

public class VisitViewModel
{
    public int PatientId { get; set; }
    public int DoctorId { get; set; }
    [DataType(DataType.Date)]
    public DateTime date { get; set; }
    public string hour { get; set; }
}

更新视图代码以绑定hour字段

@model VisitViewModel
@{
    ViewData["Title"] = "Create";
}

<h1>Create</h1>

<form asp-action="Create">
    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
    <div class="form-group">
        <label asp-for="PatientId" class="control-label"></label>
        <select asp-for="PatientId" class="form-control" asp-items="ViewBag.PatientId"></select>
    </div>
    <div class="form-group">
        <label asp-for="DoctorId" class="control-label"></label>
        <select asp-for="DoctorId" id="iddoctor" class="form-control" asp-items="ViewBag.DoctorId" onchange="go()">
        </select>
    </div>
    <div class="form-group">
        <label asp-for="date" class="control-label"></label>
        <input asp-for="date" class="form-control" />
        <span asp-validation-for="date" class="text-danger"></span>
    </div>
    <div class="form-group">
        <label asp-for="hour" class="control-label"></label>
        <select asp-for="hour" class="form-control" asp-items="ViewBag.date"></select>
    </div>
    <input type="submit" value="Create" />
</form>

在操作方法中，根据选定的日期和小时生成新的日期时间。

public IActionResult Create(VisitViewModel visit)
{
    var date = visit.date.ToShortDateString();

    var newdate = Convert.ToDateTime(date + " " + visit.hour);

    //...

    //code logic

    //...

测试结果

Answer 2

好的，我自己找到了解决方案。 我替换了我视图中的最后一个 div ：

            <div class="form-group">
                <label asp-for="hour" class="control-label"></label>
                <select asp-for="hour" class="form-control" asp-items="ViewBag.hour"> 
                 </select>
            </div> 

接下来，我添加了功能“goes”到更改事件到医生列表和日历

 <select asp-for="DoctorId" id="iddoctor" class="form-control" onchange= "goes()" asp- 
 items="ViewBag.DoctorId">

在goes()函数中有代码：

 $.ajax({
                  url: '@Url.Action("Updatedata", "Visits")',
                        dataType: "json",
                        data: { x, data: y} ,
                        success: function (data) {
                          var items = data;
                          var item = "";
                          var itemss
                          for (var i = 0; i < items.length; i++) {
                              item = items[i];
                              item = item.replace("0001-01-01T", "").slice(0, -3);
                              itemss += "<option value='" + item + "'>" + item + " 
                              </option>"
                              }
                             $('#hour').html(itemss);},});}};

我在其中发送选定的医生 ID 和选定的日期以在 VisitsController 中运行“updatedata”，这会返回可用时间列表。 我希望有人会发现这个解决方案很有用。