FuelUX Wizard component - jak ręcznie wybrać aktywny krok?

Question

Nie widzę żadnej dokumentacji na ten temat.

Jak ręcznie wybrać, który panel jest aktywny w komponencie kreatora?

Wiem, że jest gdzieś, ponieważ możesz kliknąć jedną z kart po przejściu i wrócić do poprzedniej karty.

Answer 1

Tak, można zmienić wizard step:

$('#MyWizard').wizard('selectItem', { step: step }); 

UPDATE:

Po ostatnich aktualizacjach teraz działa z selectedItem

$('#MyWizard').wizard('selectedItem', { step: step }); 

Uwaga zmiana od wybierz, aby wybrany *.

Answer 2

Nie sądzę, że istnieje sposób bezpośredniego ustawienia aktywnego panelu, ponieważ kolejne kroki są wyłączone, dopóki nie zostaną uaktywnione za pomocą prev/next.

Po krok został „włączony” można użyć jQuery aby wywołać kliknięcie zakładki ..

$('[data-target=#step2]').trigger("click"); 

Oto przykład roboczych: http://www.bootply.com/60319 - Jeśli przejdź do ostatniego kroku (5) znajduje się link, który powraca do kroku 2.

Answer 3

$ ('# MyWizard'). Wizard ('selectedItem', {step: currentStep});

Answer 4

Można ustawić "aktywny" klasę na li tag a kiedy renderuje kreatora The acvite li jest oznaczony.

Jest to przykład w symfony:

<li data-target="#step1" class="complete"> 
    <span class="step">1</span> 
</li> 
<li data-target="#step2" class="active"> 
    <span class="step">2</span> 
</li> 

Answer 5

Wiem, że to pytanie jest stary, ale chciałem podzielić się co pracował dla mnie w paliwie FX 2.x:

$('#MyWizard').wizard('selectedItem', { step: YourStepNumber }); 

Eg:

$('#wizard1').wizard('selectedItem', { step: 7 }); 

Answer 6

$(document).ready(function() { 
    $('#wizard').wizard(); 
    $('#wizard').find('ul.steps li').toggleClass('complete', true); 

    $('#wizard').on('changed.fu.wizard', function (evt, data) { 
     $('#wizard').find('ul.steps li').toggleClass('complete', true); 
    }); 
}); 

To sprawia, że ​​wszystkie kroki cl ickable.

Answer 7

$('#btnNext').on('click', function() 
{ 
$('#orderWizard').wizard('next'); 
} 

Powyższy kod służy do ręcznego uzyskać następnego okienka do poprzedniej można spróbować Belowed One

$('#btnPrev').on('click', function() 
{ 
$('#orderWizard').wizard('previous'); 
}