ChangingContextTH.cshtml

@model ParentViewModel

@{
    ViewBag.Title = "Changing context";
    var differentViewModel = new BasicViewModel { RequiredString = "Initial value" };
}

<h1>Changing the context of the model - Tag Helpers</h1>

<p><a asp-action="ChangingContext">HTML Helpers</a>.</p>

<p>There are three separate forms tied to three different post actions. Turn off JavaScript, clear all the text fields and hit each of the three submit buttons and also play with putting in values and submitting the values to see how they are bound back.</p>

@if (Context.Request.Method.ToUpperInvariant() == "POST")
{
    if (ViewBag.Action == "PostDifferentModel")
    {
        differentViewModel = ViewBag.BoundModel;
    }
    <h2>Binding data</h2>
    <ul>
        <li><strong>Action:</strong> @ViewBag.Action</li>
        <li><strong>Model type:</strong> @ViewBag.ModelType</li>
        <li><strong>Model data:</strong> <pre>@ViewBag.BoundModelData</pre></li>
    </ul>
}

<h2>Completely different model</h2>

<p><code>&lt;partial name="_FormAgainstDifferentModel" model="differentViewModel" /&gt;</code></p>

<partial name="_FormAgainstDifferentModel" model="differentViewModel" />

<h2>Sub model (binding to itself)</h2>

<p><code>&lt;partial name="_FormAgainstChildProperty" model="Model?.Child" /&gt;</code></p>

<partial name="_FormAgainstChildProperty" model="Model?.Child" />

<h2>Sub model (binding to parent)</h2>

<p><code>&lt;form-partial name="_FormPartialAgainstChildProperty" for="Child" /&gt;</code></p>

<chameleon-form action="@Url.Action("PostParentViewModel")?tagHelpers=true">

    <form-partial name="_FormPartialAgainstChildProperty" for="Child"/>

    <form-navigation>
        <submit-button label="Submit" add-class="parent-model"/>
    </form-navigation>

</chameleon-form>