2016-02-18 1 views
0

À l'heure actuelle, cela est tout ce que j'ai en termes de code pour cela:Mise à jour du menu Breadcrumb sur le bouton click?

<a href="#"> 1 > </a> 

Ce lien <a> probablement besoin de quelques changements, car idéalement l'utilisateur peut cliquer sur le nombre et revenir à ce numéro de question.

et 2 boutons

<input class="btn btn-success NavigationButtons" id="BackButton" type="submit" name="Previous" value="Back" />  
<input class="btn btn-success NavigationButtons" id="ForwardButton" type="submit" name="NextPage" value="@Session["ForwardButtonText"]" onclick="RadBtnValidation()"/> 

Alors ce que je dois, est à chaque fois que l'utilisateur clique sur le bouton avec id="ForwardButton" est pour le <a href="#"> 1 > </a> pour changer de <a href="#"> 1 > 2 > </a> et vice versa whe l'utilisateur clique sur le bouton de retour. Merci d'avance

+0

Jetez un oeil à [cette question] (https://github.com/maartenba/MvcSiteMapProvider/issues/363). Il montre un exemple de la façon de construire une aide HTML personnalisée qui pourrait fonctionner pour votre scénario, mais comme je l'ai souligné, vous devrez peut-être être plus précis sur ce que le "ForwardButton" fera pour implémenter la logique correctement pour votre cas d'utilisation. – NightOwl888

+0

Enregistrez vos pages visitées dans un tableau. Le tableau doit être géré dans les fonctions 'click' des boutons: supprimer le dernier élément de' BackButton' et ajouter un nouvel élément pour 'ForwardButton'. Après cela, les deux fonctions doivent appeler une autre fonction, c'est-à-dire 'LoadBreadCrumbs'. Cette fonction ne devrait rien faire d'autre que de boucler les éléments du tableau et de les ajouter au contenu de l'élément _anchor_. – pinowthebird

Répondre

1

Vous pouvez stocker des numéros et les ajouter à l'intérieur d'un clic sur chaque bouton.

var numberList = []; 
init(); 
function init(){ 
    numberList.push(1); 
    ShowNumber(); 
} 
$("#BackButton").click(function(){ 
    numberList.pop(); 
    ShowNumber(); 
    }); 
$("#ForwardButton").click(function(){ 
    numberList.push(numberList[numberList.length-1] + 1); 
    ShowNumber(); 
}); 
function ShowNumber(){ 
    $("#txtPageNumber").html(""); 
    for(var i=0; i<numberList.length;i++) 
    { 
    $("#txtPageNumber").append(numberList[i] + ">"); 
    } 
}  

https://jsfiddle.net/gnne36nw/1/

+0

Incroyable, merci! –