Witam, muszę napisać skrypt który wysyła formularz do kontrolera, kontrolera zwraca widok typu PartialView, które ładuje w okno modalne w ten sposób:
- html
<div id='myModal' class='modal fade in'>
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div id='myModalContent'></div>
</div>
</div>
</div>
@using (Html.BeginForm("nazwafunkcjiwkontrolerze", "nazwakontrolera", FormMethod.Post, FormMethod.Post, new { @data_modal = "", @id = "upldFrm", @enctype = "multipart/form-data" }))
{
<div class="form-group" style="width:80%; text-align:center; margin:auto;">
<div class="col-md-3">
<input type="file" name="plik" id="plik" />
</div>
<button class="btn btn-default btn-block" data-modal="" type="submit" style="width:80px;">Załaduj</button>
</div>
}
- js
$.ajaxSetup({ cache: false });
$("button[data-modal]").on("click", function (e) {
$(e.target).closest('.btn-group').children('.dropdown-toggle').dropdown('toggle');
$('#myModalContent').load(this.action, function () {
$('#myModal').modal({
keyboard: true
}, 'show');
});
return false;
});
Niestety nie otrzymuje chcianego efektu, całość działa jeżeli wysyłam actionlinka, przykładowy:
@Html.ActionLink("Podgląd", "Okienko", "", new { @data_modal = "" })
a js mam ustawiony tak:
$.ajaxSetup({ cache: false });
$("a[data-modal]").on("click", function (e) {
$(e.target).closest('.btn-group').children('.dropdown-toggle').dropdown('toggle');
$('#myModalContent').load(this.href, function () {
$('#myModal').modal({
keyboard: true
}, 'show');
});
return false;
});
W przypadku wysyłania formularza nie mogę wejść do kontrolera, jest ktoś w stanie mi pomóc z tym js'em żeby zgarniał partial view którego jest generowane kontrolera formularzowego?
Ważna sprawa, liczę na waszą pomoc