Use Viewbag as counter

Question

Is there any way I can use the ViewBag as an accountant?

WHAT I NEED?

I’m making phone registrations. When I add a new phone, I send my View for my Controller and he returns me to PartialView of my Inputs.

Needed an accountant, how many times I added the phone, to reference the Input, for example, I added a phone:

<div class="telefone1"></div>

I added another

<div class="telefone2"></div>

where my difficulty comes in, an accountant in MVC

CALLED AJAX

    $.ajax({
    url: '/Controller/AddTelefone',
    success: function (partialView) {
        $('#div').append(partialView);
    }
    });

MY CONTROLLER

    //variavel global
    public int count = 0;

    public ActionResult AddTelefone()
    {
        ViewBag.count = count + 1;
        return PartialView("partialview");
    }

MY VIEW

@{
   var thing = ViewBag.count;
}
@Html.Raw(thing)

ERROR!

My ViewBag.count is always with the value: 1.

Answer 1

You use only the ViewBag in your action will not have the expected result. What I advise is to send the number of the counter per parameter via Ajax, and return the value.

Your Action would look like this:

public ActionResult AddTelefone(int contador)
    {
        ViewBag.count = contador + 1;
        return PartialView("partialview");
    }

With this, just return the value of ViewBag.Count in its partial to accomplish what it needs.

Answer 2

Actually this is the way well wrong to perform a ratio of cardinality 1 to N in a View. The correct way is not to "count" the number of phones. The correct way is to generate as many phone elements as you want, and the Model Binder be able to count how many elements have been generated.

This can be done manually, but the right way to do it is by using the Nuget package called Begincollectionitem. We have already fully responded on this package. If you need me, I’ll expand the example for phone registration, but I don’t think you need. Here I teach logic in Javascript to create phone blocks. Here is the full example.