gcogco10 Ответов: 1

Сохранение данных с помощью модального всплывающего окна в ASP.NET MVC с bootstrap jquery

Привет Команда

Мне нужна некоторая помощь, чтобы создать функцию сохранения в моем модальном всплывающем окне, я хочу, чтобы это всплывающее окно, когда пользователь создает имя курса, должно быть сохранено в виде необработанных данных с помощью загрузочной карты. В настоящее время я сделал модальное всплывающее окно для создания новой страницы courseregistration без каких-либо данных и нуждаюсь в некоторой помощи по этому поводу.

Что я уже пробовал:

//GET/Courses-List
     [Route("Home/CoursesRegistration")]
    public ActionResult CoursesRegistration( int? id)
      {
          return View();
      }


<div class="modal-footer">
                                         <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                                         <a class="btn btn-large btn-success" id="fire" href="@Url.Action("CoursesRegistration", "Home")">Create Courses</a>
                                         <script type="text/javascript">
                                             $('#fire').on('click', function (e) {



                                             });
                                         </script>
                                     </div>

Sandeep Mewara

Где вы боретесь? Вы хотите отправить исходную форму, когда пользователь нажимает на кнопку отправить в модальном диалоговом окне?

gcogco10

Да Мевара

1 Ответов

Рейтинг:
0

Sandeep Mewara

Цитата:
Учитывая, что вы хотите отправить исходную форму, когда пользователь нажимает на кнопку отправить в модальном диалоговом окне

вам нужно будет подключить кабель к сети. click событие на этой кнопке и программно отправьте свою форму

попробуйте что-то вроде приведенного ниже:
1. Подарить кнопка "Отправить" внутри модального качестве Id чтобы подключить событие щелчка.
<input type="submit" id="btn-submit" class="btn btn-primary" />

2. Зарегистрировать событие нажатия этой кнопки.
3. Используйте jQuery closest метод получения формы, в которой присутствует кнопка отправки форм
4. используйте кнопку отправки формы с помощью jquery для сохранения.

$(function () {

    $("#btnSubmit").click(function (e) {
        e.preventDefault();
        $('#AllyourChanges').modal("show");
        //
    });

    $("#btn-submit").click(function() {
        alert("Submit base form!");
        $("#btnSubmit").closest("form").submit();
    });
});


Обновите, если потребуется, аналогичный запрос, вероятно: javascript - вставка данных из модального Bootstrap MVC 4 + JQuery (метод Post) - переполнение стека[^]