在同一视图中使用多个模型时将表单数据传递给模型

Question

当我在一个视图中有多个模型时，您如何将表单数据传递给模型（在我的控制器中使用）？

I used this tutorial for multiple models in a view.

索引视图和表单（简化）：

@using FlightBooker
@model dynamic

<form asp-controller="Home" asp-action="Search" method="post">
                <div class="form-group">
                    <label for="fromAirport">Flying from:</label>
                <select class="form-control">
                    @foreach (Airport airport in Model.Airports)
                    {
                        <option >@airport.AirportCode</option>
                    }

                </select>
                <div class="form-group">
                    <label for="toAirport">Flying to:</label>
                    <select class="form-control">
                        @foreach (Airport airport in Model.Airports)
                        {
                            <option>@airport.AirportCode</option>
                        }

                    </select>
                </div>
                    <label for="fromAirport">Departure Date:</label>
                    <br />
                    <input type="date" / id="date" name="date">
                    <br />
                    <label for="fromAirport">No. passengers:</label>
                    <select class="form-control" id="passengers" name="passengers">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                    </select>
                    <button type="submit" class="btn btn-primary mt-3">Search Flights</button>
                </div>
            </form>

我在看这个教程，这个部分：Strongly type model binding to view。当我使用@model dynamic时，我不知道如何应用它。

或者我会更好地将视图模型创建为suggested here？

Answer 1

好的，我会告诉你在这里做什么.....

模型用于将数据从控制器渲染到视图。

如果您想将数据从视图传递到控制器，有一些更简单的方法...

第一步：

将所有的html input/select元素设置为Name的值

例子：

  <select class="form-control" name"AirportsDdl">
            @foreach (Airport airport in Model.Airports)
            {
                <option value="@airport.AirportCode">@airport.AirportCode</option>
            }

        </select>

<input type="date" / id="date" name="date">

注意 Select 必须有一个值

第二步

然后你制作一个像这样的 ViewModel

public class SearchViewModel
{
public datetime date {get;set;}
public int AirportsDdl {get;set;}
}

第三步：

然后在你的行动中：

ActionResult Search(SearchViewModel sreachData)
{
//put your filter here
return view();
}

那么你们都准备好了