Как добавить поля формы Dynami c и сохранить несколько динамически созданных данных в базу данных? - PullRequest
Новая
       27

Как добавить поля формы Dynami c и сохранить несколько динамически созданных данных в базу данных?

0 голосов
/ 15 апреля 2020

Я новичок в asp. net Может кто-нибудь помочь, как создать динамические c поля и сохранить его в базе данных. Моя страница просмотра выглядит примерно так: 

 @using (Html.BeginForm("Create", "Home", FormMethod.Post))
{
    <input id="btnAdd" type="button" value="Add" onclick="AddTextBox()"/>
    <br/>
    <br/>
    <div id="TextBoxContainer">
        <input type="text"/>
         @Html.TextBoxFor(model => model.DocumentTypeName, new { id = "DocumentTypeName", @class = "form-control", @placeholder = "DocumentTypeName" })

        @Html.DropDownListFor(model => model.DocumentTypeFormatId, ViewBag.docFormatTypeMasterList as SelectList, "-- Select Format Type--", new { id = "DocFormatType", @class = "form-control" })

        <!--Textboxes will be added here -->
    </div>
    <br/>
    <input type="submit" value="Submit"/>
}

мой скрипт-тег 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    function GetDynamicTextBox(value) {
        var div = $("<div />");

        var textBox = $("<input />").attr("type", "textbox").attr("name", "dynamicField");
        textBox.val(value);
        div.append(textBox);

        var button = $("<input />").attr("type", "button").attr("value", "Remove");
        button.attr("onclick", "RemoveTextBox(this)");
        div.append(button);

        return div;
    }
    function AddTextBox() {
        var div = GetDynamicTextBox("");
        $("#TextBoxContainer").append(div);
    }

    function RemoveTextBox(button) {
        $(button).parent().remove();
    }

    $(function () {
        var values = eval('@Html.Raw(ViewBag.Values)');
        if (values != null) {
            $("#TextBoxContainer").html("");
            $(values).each(function () {
                $("#TextBoxContainer").append(GetDynamicTextBox(this));
            });
        }
    });
</script>

Я пытаюсь var textBox = $("<input />").attr("type", "textbox").attr("name", "dynamicField"); заменить тег ввода моими вспомогательными функциями. как именно это нужно сделать

...