Hej, chciałem dodać do swojego projektu skrypt który wyświetli małe okno ze szczegółami produktu - z tutoriala (widoczne okno :
). Minuta filmu 16:07. Lecz mimo wszystkiego okno ze skryptem po najechaniu się nie pojawia się nie pojawia. Po przejściu pod adres "Product/ViewProductDetails?id=1 zwraca mi widok, ale w pełnowymiarowym oknie.
Kod który posiadam do wyświetlenia okna:
ProductController.cs :
public ViewResult ViewProductDetails(int id)
{
List<Product> list = repository.Products.Where(x => x.ProductID == id).ToList();
Product product = new Product();
if (list.Count > 0)
{
product = list[0];
}
return View(product);
}
Widok dla metody akcji ViewProductDetails:
@model WebShop.Models.Product
@{
ViewBag.Title = "EmployeeInfo";
}
<div class="container">
<h4 style=" text-align:center;border-bottom:1px solid #808080">Szczegóły produktu</h4>
<p><label>Nazwa : </label> @Model.Name</p>
<p><label>Opis : </label>@Model.Description</p>
<p><label>Dostępność : </label> @Model.Quantity</p>
<p><label>Cena : </label> @Model.Price.ToString("c")</p>
</div>
Oraz widok w którym znajduje się kod skryptu:
@model List<WebShop.Models.Product>
@{
ViewBag.Title = "Produkty";
}
<div class="btn-group pull-right">
@for (int i = ViewBag.StartItem; i < ViewBag.EndItem; i++)
{
<div class="well">
<h3>
<strong>@Model[i].Name</strong>
<span class="pull-right label label-primary">@Model[i].Price.ToString("c")</span>
<span class="lead">@Model[i].Description</span>
</h3>
</div>
<a href="#" data-toggle="popover" data-trigger="hover" id="@Model[i].ProductID">"@Model[i].ProductID</a>
}
@if (ViewBag.page == 0 && ViewBag.IsNextPageExist)
{
<a href="@Url.Action("List2", new { page = ViewBag.page + 1 })"
class="btn btn-default">
Następna »
</a>
}
else
{
if (ViewBag.page > 0)
{
<a href="@Url.Action("List2", new { page = ViewBag.page - 1 })"
class="btn btn-default">
« Poprzednia
</a>
}
if (ViewBag.IsNextPageExist)
{
<a href="@Url.Action("List2", new { page = ViewBag.page + 1 })"
class="btn btn-default">
Następna »
</a>
}
}
</div>
<script src="~/Scripts/jquery-3.4.1.min.js"></script>
<script>
$(document).ready(function () {
$('[data-toggle="popover"]').popover({
title: setData,
html: true,
placement: 'right'
});
function setData(id) {
var set_data = '';
var element = $(this);
var id = element.attr("id");
$.ajax({
url: "/Product/ViewProductDetails?id" + id,
method: "post",
async: false,
data: { id: id },
success: function (data) {
set_data = data;
}
});
return set_data;
}
});
</script>
Myślałem, że może da się to jakoś zdebugować, ale mimo pozostawienia bp działanie się nie zatrzymuje
Z góry dzięki za pomoc