Loading and Adding fields dynamically in ASP.Net web forms/MVC

Question

I have a client that asked me to do a web application that works like this(I can´t add image because I´m new at Stack Overflow and it requires reputation of 10 to do it).

When the page loads, it reads a database table and adds 'email' textboxes for each record.

By clicking in 'NEW' it adds a new textbox.

Upon clicking on Save, if a textbox is modified, it updates the record. And If a new textbox was added, it insert into the table.

I have already done that in Classic Asp with a mix of vb/asp, html with hidden inputs, javascript and SQL database procedures. But for each new form that requires this functionality I found it a too cumbersome work and not very productive.

I´m a bit new to .Net WebForms and completely new to MVC. I wonder if is there a easier way to do this with this technologies?

Thank you

To render existing objects in a collection, your need to use a for loop or a custom `EditorTemplate. To dynamically add new items to a collection you need javascript/jquery. This answer gives 2 options as to how you can do that. — user3559349
– user3559349, Commented Feb 11, 2015 at 11:24
Thanks @StephenMuecke, The second option is more or less what I´m already doing with classic asp. Does not work very well for me because I have to create several different forms and with several fields. The option 1 I´m yet trying to understand due to my lack of knowledge of .Net stuff. — Art
– Art, Commented Feb 11, 2015 at 11:33
For dynamic manipulation of UI, it is better to go for some two-way binding JS framework. I prefer 'knockout.js' for its simplicity. — Thangadurai
– Thangadurai, Commented Feb 12, 2015 at 6:37

Robert · Accepted Answer · 2015-03-03 13:12:50Z

1

First of all, in MVC you will need a so called display model for the items that you want to display in the view. Let's say that the e-mail addresses belong to a User object and that they are of type 'String'. In that case, the model can be a List of User objects.

Your view can then use this model like this:

@model List<User>

@using (Html.BeginForm("Index", "Home", FormMethod.Post))
    {
        <table>
            @for (int i = 0; i < Model.Count;i++ )
            { 
                <tr>
                    <td>@Html.TextBox("users[" + @i + "].Email", Model[i].Email)</td>
                </tr>
            }

        </table>
    }

An excellent article about binding to a list of objects can be found here: http://www.binaryintellect.net/articles/b1e0b153-47f4-4b29-8583-958aa22d9284.aspx

Good luck!

answered Mar 3, 2015 at 13:12

Robert

1,0671 gold badge10 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Loading and Adding fields dynamically in ASP.Net web forms/MVC

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related