Topic: How to send data from a controller method to a modal popup in razor
@foreach (var item in Model) { }
| requestor name | items requested | operations |
|---|---|---|
| @Html.HiddenFor(modelItem => item.applicantID) @Html.DisplayFor(modelItem => item.requestorName) | @Html.DisplayFor(modelItem => item.requesteditemCount) | Details |
New message
×
name:
status:
Close
@section scripts{ } public async Task Details(int? id) { List al = new List(); ItemDTO apDTO; var myquery = (from t in _context.Items where t.ApplicantId == id select new { ItemName = t.ItemName, requestStatus = t.LastRequestStatus }).ToList(); foreach (var index in myquery) { apDTO = new ItemDTO(); apDTO.itemName = index.itemName; apDTO.requestStatus = index.requestStatus; al.Add(apDTO); } return View(al); }
Author: ARUNA
Not sure what course is right for you?
Choose the right course for you.Get the help of our experts and find a course that best suits your needs.
Let`s Connect
ANANYA
RequestInfo
requestor name
items requested
operations
@foreach (var item in Model)
{
@Html.HiddenFor(modelItem => item.applicantID)
@Html.DisplayFor(modelItem => item.requestorName)
@Html.DisplayFor(modelItem => item.requesteditemCount)
Details
}
Detail Info
×
name:
status:
Close
@section scripts{
@{
if (ViewBag.ModalState == null)
{
ViewBag.ModalState = "hide";
}
}
$('#exampleModal').modal('@ViewBag.ModalState');
$('#exampleModal').on('show.bs.modal', function (event) {
var button = $(event.relatedTarget);
var id = button.data('id');
var modal = $(this);
modal.find('.modal-body input[name="id"]').val(id);
$.get('@Url.Action("Details", "Request")/' + id, function (data) {
modal.find('.modal-body input[name*="name"]').val(data[0].itemName);
modal.find('.modal-body input[name*="status"]').val(data[0].requestStatus);
});
@*$.ajax({
url: '@Url.Action("getByRequestId", "Request")/'+id,
type: 'POST',
dataType: 'json',
contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
success: function (res) {
modal.find('.modal-body input[name*="name"]').val(res[0].itemName);
modal.find('.modal-body input[name*="status"]').val(res[0].requestStatus);
},
error: function (e) {
console.log('error');
}
});*@
});
}
PARTH
Please make your class a static class and place it in BAL/DAL or Helper layer, whichever your coding requirement suits better.