У меня есть страница указателя со списком названий «рабочих книг», и для каждой рабочей книги есть кнопка «Поделиться». При нажатии кнопки появляется модель начальной загрузки (то есть диалоговое окно), в которой отображается название рабочей книги и текстовое поле, позволяющее пользователю вводить общие адреса электронной почты.
Когда пользователь нажимает кнопку «поделиться», я вызываю функцию javascript, которая вызывает действие контроллера, которое возвращает частичное представление, содержащее модальный диалог с формой внутри него. Проблема заключается в том, что после нажатия кнопки отправки (т.е. «Поделиться») пользователю не отображаются ошибки проверки, и я не уверен, почему это так. Кто-нибудь может дать какие-нибудь идеи, пожалуйста?
Это моя главная ( index.cshtml ) страница:
@model DNAAnalysisCore.Models.WorkBookModel
@{
}
@section BodyFill
{
<script type="text/javascript">
function showSharingView(title) {
var url = "@Url.Action("ShowShareDialog", "Home")" + "?workbookTitle=" + encodeURI(title);
$('#shareFormContainer').load(url,
function() {
$('#shareFormModal').modal("show");
});
}
function hideSharingView() {
$('#shareFormModal').modal("hide");
}
</script>
<div id="shareFormContainer" >
<!--PLACEHOLDER FOR SHARE DIALOG -->
</div>
<div class="workbook-container">
<table class="table">
<tbody>
@foreach (var workbook in Model.Workbooks)
{
<tr>
<td>@Html.ActionLink(workbook.Name, "Open", "OpenAnalytics", new {id = Model.Id, workbook = workbook.Name})</td>
<td>
<button title="Share" class="share-button" onclick='showSharingView("@workbook.Name")'> </button>
</td>
</tr>
}
</tbody>
</table>
</div>
}
Это мой Контроллер:
public class HomeController : Controller
{
[HttpGet]
public IActionResult ShowShareDialog(string workbookTitle)
{
var shareModel = new ShareModel
{
Title = workbookTitle
};
return PartialView("_ShareView", shareModel);
}
[HttpPost]
[ValidateAntiForgeryToken]
public IActionResult ShareWorkbook(string emails, string title)
{
var share = new ShareModel
{
Emails = emails
};
// TODO EMAIL THE SHARED WORKBOOK using the 'title' of the workbook and the 'email' string value
// return no content to avoid page refresh
return NoContent();
}
}
Это мой частичный вид / модальный диалог (_ShareView):
@using DNAAnalysisCore.Resources
@model DNAAnalysisCore.Models.ShareModel
<!-- Modal -->
<div class="modal fade" id="shareFormModal" role="dialog">
<div class="modal-dialog modal-md">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Share Workbook - @Model.Title</h4>
</div>
@using (Html.BeginForm("ShareWorkbook", "Home", FormMethod.Post))
{
<div class="modal-body">
<label>@BaseLanguage.Share_workbook_Instruction_text</label>
<div class="form-group">
<textarea class="form-control" asp-for="Emails" rows="4" cols="50" placeholder="@BaseLanguage.ShareDialogPlaceholder"></textarea>
@* TODO add client-side validation using jquery.validate.unobtrusive.js. See US268276 *@
<span asp-validation-for="Emails" class="text-danger"></span>
</div>
<input asp-for="Title" />
</div>
<div class="modal-footer">
<button type="submit" onclick="hideSharingView()" class="btn btn-primary">Share</button>
<button id="btnCancelDialog" type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
</div>
}
</div>
</div>
</div>
@section Scripts {
@{ await Html.RenderPartialAsync("_ValidationScriptsPartial"); }
}
Это моя ShareModel :
public class ShareModel
{
[HiddenInput]
public string Title { get; set; }
[Required]
public string Emails { get; set; }
}