Atteindre un element enfant
Bonjour,
je demarre en ASPNet MVC et j'ai quelques soucis de debutants.
En fait j'ai une APU avec un Layout qui contient un élément Content pour afficher les pages et 02 vues partielles.
voici le code de la vue index qui me permet d'afficher la première vue partielle:
Code:
1
2
3
4
5
6
|
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@Html.Partial("Formulaire") |
voici le code de la première vue formulaire :
Code:
1
2
3
4
5
|
<h3>Formulaire</h3>
<div id="simulation">
</div> |
le problème se trouve au niveau de l'affichage de la deuxième vue "TestView" parce que j' voudrai qu'elle s'affiche dans la vue formulaire au niveau de <div id=simulation>.
pour le faire je dois faire un appel ajax à partir d'un lien "lien01" qui se trouve sur la view "Layout" dont l'url est "Action01" sur un contrôleur "Test".
voici le code Ajax que j'ai défini dans un fichier myScripts mais qui affiche la view "Testview" plutot dans l’élément "Content" au lieu de l'afficher dans l’élément "simulation" de la première vue.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
var loading
var content
var form
var att
function lien01() {
// on fait un appel Ajax à la main
$.ajax({
url: '/Test/Action01',
type: 'POST',
//data: formulaire.serialize(),
//dataType: 'html',
beforeSend: function () {
loading.show();
},
success: function (data) {
content.html(data);
},
complete: function () {
loading.hide();
},
error: function (jqXHR) {
// affichage réponse serveur
content.html(jqXHR.responseText);
}
})
}
// au chargement du document
$(document).ready(function () {
// on récupère les références des différents composants de la page
loading = $("#loading");
content = $("#content"); |
Si je peux me résumer, il s'agit d'afficher une vue partielle dans une autre vue partielle qui elle même est afficher dans un élément d'une page maître.
Merci d'avance pour votre aide.
Prisson
