Вставить несколько входов в БД - PullRequest
Новая
       1

Вставить несколько входов в БД

1 голос
/ 09 июня 2019

Как получить значение нескольких входов и сохранить в БД? это мой входной генератор: 


<div class="form-group input-group">
                                <input type="text" class="form-control">
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-default btn-add">
                                        +
                                    </button>
                                </span>
                            </div>

и коды Jquery: 

<script>
    (function ($) {
        $(function () {

            var addFormGroup = function (event) {
                event.preventDefault();

                var $formGroup = $(this).closest('.form-group');
                var $multipleFormGroup = $formGroup.closest('.multiple-form-group');
                var $formGroupClone = $formGroup.clone();

                $(this)
                    .toggleClass('btn-default btn-add btn-danger btn-remove')
                    .html('–');

                $formGroupClone.find('input').val('');
                $formGroupClone.insertAfter($formGroup);

                var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
                if ($multipleFormGroup.data('max') <= countFormGroup($multipleFormGroup)) {
                    $lastFormGroupLast.find('.btn-add').attr('disabled', true);
                }
            };

            var removeFormGroup = function (event) {
                event.preventDefault();

                var $formGroup = $(this).closest('.form-group');
                var $multipleFormGroup = $formGroup.closest('.multiple-form-group');

                var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
                if ($multipleFormGroup.data('max') >= countFormGroup($multipleFormGroup)) {
                    $lastFormGroupLast.find('.btn-add').attr('disabled', false);
                }

                $formGroup.remove();
            };

            var countFormGroup = function ($form) {
                return $form.find('.form-group').length;
            };

            $(document).on('click', '.btn-add', addFormGroup);
            $(document).on('click', '.btn-remove', removeFormGroup);

        });
    })(jQuery);
</script>

Код генерирует несколько Ввод текста При нажатии на кнопку +.

Вопрос: как получить значения всех входов? на странице бритвы и входной класс модели?

если это только один вход, я могу это сделать. Но несколько входных данных, сгенерированных javascript, я устал от этого действия!

1 Ответ

0 голосов
/ 10 июня 2019

Вопрос: как получить значения всех входов? на странице бритвы и входной класс модели?

Поскольку вы используете $formGroup.clone(), вы можете просто применить один и тот же атрибут name ко всем входам и сохранить его как List<string> в PageModel. Например:

1.page.cshtml 

@model TestInputModel
<form method="post">
<div class="form-group input-group">
    <input type="text" class="form-control" name="MyAllInputs">
    <span class="input-group-btn">
        <button type="button" class="btn btn-default btn-add">
            +
        </button>
    </span>
</div>
<div class="form-group">
    <input type="submit" value="Submit" class="btn btn-primary" />
</div>
</form>
@section Scripts{
 <script>...</script>
}

2.PageModel 

public class TestInputModel : PageModel
{
    //using your db context by DI
    private readonly MyApplicationDbContext _context;

    public TestInputModel(MyApplicationDbContext context)
    {
        _context = context;
    }

    //bind your all inputs' values
    [BindProperty]
    public List<string> MyAllInputs{ get; set; }

    public void OnGet()
    {

    }

    public void OnPost()
    {
        //logic to save you input values to dbcontext
        var data = MyAllInputs;
        //...
    }
}
...