Bootstrap Модальный ввод входного параметра в контроллер без закрытия модального - PullRequest
Новая
       15

Bootstrap Модальный ввод входного параметра в контроллер без закрытия модального

0 голосов
/ 23 января 2019

У меня есть модал с 2 вкладками, и у меня есть вход на одну из них.Мне нужно передать значение этого входа в контроллер после нажатия кнопки поиска.После этого модал должен остаться.Как я могу передать параметр в контроллер без закрытия модального?

<div class="modal-body">
    @using (Html.BeginForm("SearchKuerzel", "Home"))
    {
        <div class="input-group mb-3">
            <input type="text" class="form-control" placeholder="USZ-Kürzel" id="MyParameter" aria-label="USZ-Kürzel" aria-describedby="basic-addon2">
            <div class="input-group-append">
                <button class="btn btn-outline-secondary" type="submit">Mitarbeiter suchen</button>
            </div>

        </div>
    }    
</div>

1 Ответ

0 голосов
/ 23 января 2019

Вы можете использовать javascript, как сказал @ 3xGuy, или использовать jquery, как показано ниже: 

$('#MyParameter').val();

, чтобы получить значение, а затем использовать ajax для отправки информации в контроллер.Отсюда можно делать все, что вы хотите в контроллере, и просто возвращать Json, такой как ниже, из контроллера. 

return Json(new {success = //true or false or whatever});

РЕДАКТИРОВАТЬ:

Как только вы сделали то, что вы хотите в контроллере, выможет вернуть значение, как я возвратил переменную success в коде выше.В разделе результатов запроса ajax вы можете получить данные от контроллера, такие как: 

//the rest of the ajax request
success: function(result)
{
     //Change the value of  html element to success in this case
     $('#//id of the element').text(result.success)
}

РЕДАКТИРОВАТЬ 2:

Чтобы вернуть две строки Json, сделайте, как указано выше, но добавьте еще один возвраттакие как: 

return Json(new {string1 = //whatever, string2 = //whatever});

И в AJAX доступ к ним, как: 

success:function(result)
{
    var return1= result.string1;
    var return12 = result.string2;

}
...