IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

ASP.NET MVC Discussion :

Atteindre un element enfant [Débutant]


Sujet :

ASP.NET MVC

  1. #1
    Membre actif
    Homme Profil pro
    Autodidacte
    Inscrit en
    Mars 2016
    Messages
    154
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Brazzaville

    Informations professionnelles :
    Activité : Autodidacte
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mars 2016
    Messages : 154
    Points : 268
    Points
    268
    Par défaut 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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Membre actif
    Homme Profil pro
    Autodidacte
    Inscrit en
    Mars 2016
    Messages
    154
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Brazzaville

    Informations professionnelles :
    Activité : Autodidacte
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mars 2016
    Messages : 154
    Points : 268
    Points
    268
    Par défaut
    Bonjour,
    Merci bien en apportant quelques modifications dans mon code d'appel j'ai pu résoudre le problème pour l'heure
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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
    37
     
    var loading
    var content
    var form
    var att
    function faireSimulation() {
     
     $.ajax({
     url: '/EtudeCas/FaireSimulation',
     type: 'POST',
     //data: formulaire.serialize(),
     //dataType: 'html',
     beforeSend: function () {
     loading.show();
     },
     success: function (data) {
         form = $("#Formulaire");
         att = $("#simulation");
         att.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");
     
    });
    mais je pense que je reviendrai tres rapidement vers vous.

    Merci bien

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Récupérer src d'un element enfant
    Par lefebvresdesigns dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 25/01/2012, 14h21
  2. [as 2]Atteindre une propriété enfant ou parent.
    Par NejNej dans le forum ActionScript 1 & ActionScript 2
    Réponses: 2
    Dernier message: 04/01/2010, 15h13
  3. XSL : Atteindre un element en boucle
    Par aelmalki dans le forum XSL/XSLT/XPATH
    Réponses: 1
    Dernier message: 01/07/2009, 10h28
  4. [XSLT] Atteindre un element sous condition:passage de parametre
    Par belool dans le forum XSL/XSLT/XPATH
    Réponses: 1
    Dernier message: 15/04/2008, 09h16
  5. [DOM] atteindre l'element #text du DOM
    Par heyboy dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 07/03/2007, 13h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo