Having two forms with single model in ASP.Net MVC

Question

I have two form in my view. One form searching records. One form for Goto page {number of page} to support pagination. As almost everyone suggested in similar question, I must create two separate action for every form. It will make my work very easy, but I have problem when using these approach.

Assume I have following model:

public class MyModel
{
    public string Name { get; set; }
    public string DateOfEmployment { get; set; }

    public int? PageNumber { get; set; }

}

And following view:

@model WebApplication1.Models.MyModel

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { }))
{


    @Html.LabelFor(m => m.DateOfEmployment)
    @Html.EditorFor(m => m.DateOfEmployment)

    @Html.LabelFor(m => m.Name)
    @Html.TextBoxFor(m => m.Name)

    <input type='Submit' value='Search' />

}

<!-- Rows goes here-->


@using (Html.BeginForm("Pagination", "Home", FormMethod.Post, new { }))
{


    @Html.LabelFor(m => m.PageNumber)
    @Html.TextBoxFor(m => m.PageNumber)

    <input type='Submit' value='Go' />

}

The problem is when user click Go button, how can I know that what is search field values to recreate model rows?. If I use single form, I don't know which button clicked (in a clean way). So what should I do in these situation?

You can either; save the search fields in Session or pass them down as hidden fields. — Erik Philips, Oct 08 '15 at 16:20
@ErikPhilips you are also agree with having two form with these problem? — Seyed Morteza Mousavi, Oct 08 '15 at 16:22
Why do you need two forms? Why not have 1 action that takes your entire model with all of the fields in that form? — Jakotheshadows, Oct 08 '15 at 16:35
@Jakotheshadows How I can find which button clicked? `Go` or `Search`? — Seyed Morteza Mousavi, Oct 08 '15 at 16:37
Why do you need 2 different buttons for this? What is the difference? — Jakotheshadows, Oct 08 '15 at 17:28
If this is just a contrived example that is fine- I can tell you how to do this but if you're seriously splitting up pagination and filtering into 2 actions that doesn't really make any sense. — Jakotheshadows, Oct 08 '15 at 17:35
@Jakotheshadows this is just a contrived example. I will appreciate your help if you tell me how I must handle these situations. — Seyed Morteza Mousavi, Oct 08 '15 at 17:37

score 4 · Accepted Answer · answered Oct 08 '15 at 17:40

4

You need not to take 2 forms to accomplish this, there is a simple way take single form with two button like this :

<button type='Submit' name="command" value='Search'>Search</button>

<button type='Submit' name="command" value='Go'>Go</button>

Now to recognize which button was click you can do this on action level :

[HttpPost]
public ActionResult Index(string command)
{
    if(command == "Go")
    {
         //Do stuff
    }
    else
    {
         //do stuff
    }
}

answered Oct 08 '15 at 17:40

Varun Vasishtha

461
2
9

I thought the whole idea was that he wanted different commands to go to different actions. – Jakotheshadows Oct 08 '15 at 17:57
@Jakotheshadows This was in the original question : " If I use single form, I don't know which button clicked (in a clean way). So what should I do in these situation?". I think this clears it up – Varun Vasishtha Oct 08 '15 at 18:01

score 1 · Answer 2 · answered Oct 08 '15 at 17:49

if you are goin to implement just 1 form here is somenthign that maybe can help you

create a helper

[AttributeUsage(AttributeTargets.Method, AllowMultiple = false, Inherited = true)]
public class MultipleButtonAttribute : ActionNameSelectorAttribute
{
    public string Name { get; set; }
    public string Argument { get; set; }

    public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo)
    {
        var isValidName = false;
        var keyValue = string.Format("{0}:{1}", Name, Argument);
        var value = controllerContext.Controller.ValueProvider.GetValue(keyValue);

        if (value != null)
        {
            controllerContext.Controller.ControllerContext.RouteData.Values[Name] = Argument;
            isValidName = true;
        }

        return isValidName;
    }
}

then in your controller

    [HttpPost]
    [MultipleButton(Name = "action", Argument = "Step1")]
    public ActionResult Step1(YourModelType model)
    {}

    [HttpPost]
    [MultipleButton(Name = "action", Argument = "Step2")]
    public ActionResult Step2(YourModelType model)
    {}

and then in your view

   <form>
    <input type="submit" value="Step1" name="action:Step1" class="button admin-button">
    <input type="submit" value="Step2" name="action:Step2" class="button admin-button">
</form>

score 1 · Answer 3 · answered Oct 08 '15 at 17:55

Using a little javascript, you can use just one form and simply change the action of the form based on which button was clicked, that way no matter which action you post to, all form fields will be included.

@model WebApplication1.Models.MyModel

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { id="MyForm" }))
{
    @Html.LabelFor(m => m.DateOfEmployment)
    @Html.EditorFor(m => m.DateOfEmployment)

    @Html.LabelFor(m => m.Name)
    @Html.TextBoxFor(m => m.Name)

    @Html.LabelFor(m => m.PageNumber)
    @Html.TextBoxFor(m => m.PageNumber)

    <button value='Search' onclick="search()" />
    <button value='Go' onclick="go()" />
    <input type="submit" style="display:none" />
}

<script type="text/javascript">
    function search() {
        var form = document.getElementById("MyForm");
        form.action = "@Url.Action("ActionNameForSearch", "ControllerNameForSearch")";
        form.submit();
    }
    function go() {
        var form = document.getElementById("MyForm");
        form.action = "@Url.Action("ActionNameForGo", "ControllerNameForGo")";
        form.submit();
    }
</script>

score 0 · Answer 4 · edited May 23 '17 at 12:22

You need to store the search-data (name and date in your case) in a session which is comfortable in ASP.NET because its possible to store entire objects. See the following question how to to do that: How to use sessions in an ASP.NET MVC 4 application?

Or you can pass them to the request of your second form as I would solve this problem:

@using (Html.BeginForm("Pagination", "Home", FormMethod.Post, new { dateOfEmployment = Model.DateOfEmployment, name = Model.Name }))
    // ...
}

This will result in an action like this:

[HttpPost]
public ActionResult Pagination(string dateOfEmployment, string name) {
    // ...
}

Alternatively its also possible to pass them as hidden fields in the POST form like

@using (Html.BeginForm("Pagination", "Home", FormMethod.Post)) {
    // ...
    @Html.HiddenFor(model => model.DateOfEmployment)
    @Html.HiddenFor(model => model.Name)
}

By the way I would recommend to use correct types like a DateTime for your attribute DateOfEmployment. This will make thinks more clean and easy. Escpecially when you have to filter your data for e.g. the form or some other sort of view.

Your approach is good. But my hidden fields list is too long to put it back in pagination form. — Seyed Morteza Mousavi, Oct 08 '15 at 17:00
I don't understand why your answer has an action called "Pagination" but no page number as a parameter, and why you wouldn't just give it the entire model as a parameter. — Jakotheshadows, Oct 08 '15 at 17:30

Having two forms with single model in ASP.Net MVC

4 Answers4