How to add a text box and a column to save text in it dynamically in ASP.NET MVC 3 application

Question

I have to add a button which when clicked creates a new text box where I can add some text and save it in database.

For example- I click button thrice it will create 3 text boxes and 3 new columns in database to save them.

Application is in ASP.NET MVC 3 and Entity Framework 4.3.1. Is it possible to do that using EF as it maps to static classes?

Answer 1

    You can achieve this by following steps:
    //View page
    1)Write a function which creates a textbox and render in div.
    Something like this:

    <input id="btnAdd" type="button" value="Add" />
    <div id="TextBoxContainer">
    //Area of textboxes
    </div>
    <br />


    $(function () {
        $("#btnAdd").bind("click", function () {
            var div = $("<div />");
            div.html(GetTextBox(""));
            $("#TextBoxContainer").append(div);
        });

    });
    function GetTextBox(value) {
        return '<input name = "TextBox" type="text" />'
    }


    //Server side code
    Write an event handler on button click which adds three columns in the database.  
This could be done either by writing stored procedure or create statement.