18041 sujets

Questions générales et questions de débutants

Asp.net mvc pop modal

bonjour tout le monde je galere juste pour affichier ma fenetre popup au demarrage d'une page jai suivit un tuto a la lettre mais jarrive toujours pas a afficher ma fenetre
je part a partir du layout(voir contenu)
[code=asp.net]
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta charset="utf-8" />
<title>@ViewBag.Title - Mon application ASP.NET MVC</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
@Styles.Render("~/Content/css")
<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
@Scripts.Render("~/bundles/jquery")
<script src="~/Scripts/jquery-ui-1.8.24.min.js"></script>
@Scripts.Render("~/bundles/modernizr")
<script type="text/javascript">
$(document).ready(function () {
alert('ok');
$("#dialog-modal").dialog({
height: 355,
width: 400,
show: { effect: 'drop', direction: "up" },
modal: true
});

});
</script>
</head>
<body>
<header>
<div class="content-wrapper">
<div class="float-left">
<p class="site-title">@Html.ActionLink("votre logo ici", "Index", "Home")</p>
</div>
<div class="float-right">
<section id="login">
@Html.Partial("_LoginPartial")
</section>
<nav>
<ul id="menu">
<li>@Html.ActionLink("Accueil", "Index", "Home")</li>
<li>@Html.ActionLink("À propos de", "About", "Home")</li>
<li>@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>
</nav>
</div>
</div>
</header>
<div id="body">
@RenderSection("featured", required: false)
<section class="content-wrapper main-content clear-fix">
@RenderBody()
</section>
</div>
<footer>
<div class="content-wrapper">
<div class="float-left">
<p>&copy; @DateTime.Now.Year - Mon application ASP.NET MVC</p>
</div>
</div>
</footer>

@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)
</body>
</html>

[/code]

voici ma vue(elle affiche juste la liste des produit)
[code=asp.net]
@model IEnumerable<MvcAjaxPOP.Models.customer>

@{
ViewBag.Title = "ListCustomer";
//Layout = "~/Views/Shared/_Layout.cshtml";
}
<div id="dialog-modal" title="le title du dialog">
<p> this is a test popu</p>
</div>
<h2>ListCustomer</h2>

<p>
@Html.ActionLink("Create New", "Create")
</p>
<table>
<tr>
<th>
@Html.DisplayNameFor(model => model.c_name)
</th>
<th>
@Html.DisplayNameFor(model => model.c_address)
</th>
<th>
@Html.DisplayNameFor(model => model.c_mobile)
</th>
<th></th>
</tr>

@foreach (var item in Model) {
<tr>
<td>
@Html.DisplayFor(modelItem => item.c_name)
</td>
<td>
@Html.DisplayFor(modelItem => item.c_address)
</td>
<td>
@Html.DisplayFor(modelItem => item.c_mobile)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { id=item.c_id }) |
@Html.ActionLink("Details", "Details", new { id=item.c_id }) |
@Html.ActionLink("Delete", "Delete", new { id=item.c_id })
</td>
</tr>
}

</table>

[/code]

pour finir voici le controleur

 public ActionResult ListCustomer()
        {
            MvcAjaxPOP.Models.DataClasses1DataContext dc = new Models.DataClasses1DataContext();
            return View(dc.customer.ToList());
        }


lorsque je fait une alerte je vois tres bien le message au chargement de la page (c'est bizzard quil charge pas mon popup)du genre

[code=asp.net]
<script type="text/javascript">
$(document).ready(function () {
alert("ok");
$("#dialog-modal").dialog({
height: 355,
width: 400,
show: { effect: 'drop', direction: "up" },
modal: true
});

});
</script>
[/code]
NB : tous les fichiers appelés dans le layout sont belle et bien dans leur emplacement
Merci une aide sera la bienvenue
Sujet clos
Aller à