Майстар FuelUX кампанент - як уручную выбраць актыўны крок?

Я не бачу ніякай дакументацыі для гэтага.

Як уручную выбраць панэль актыўная ў кампаненце майстра?

Я ведаю, што недзе там, таму што вы можаце націснуць на адну з укладак, як толькі гэта было перададзена, і перайсці назад на папярэднюю ўкладку.

8

7 адказы

Так, вы можаце змяніць крок :

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

UPDATE:

Пасля апошніх абнаўленняў зараз ён працуе з SelectedItem

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

Звярніце ўвагу на змену ад выбару для абранага *.

9
дададзена
Гэта быў дададзены пасля майго першапачатковага запыту. Зараз гэта стандартны метад доступу да ступеністым ўкладках.
дададзена аўтар Gabriel Alack, крыніца
Я разумею. Гэты адказ не для вас, але і для тых, хто будзе шукаць рашэнне ў будучыні.
дададзена аўтар FlyBot, крыніца

Я не думаю, што ёсць спосаб, каб непасрэдна ўсталяваць актыўную панэль, так як маюць быць крокі будуць адключаныя да актывацыі з дапамогай Prev/Next.

Пасля таго, як крок быў «актываваны» вы можаце выкарыстоўваць JQuery, каб выклікаць ўкладку націсніце ..

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

Вось працоўны прыклад: <�моцны> http://www.bootply.com/60319 </моцны > - Калі перайсці да апошняга кроку (5), ёсць спасылка, якая вяртаецца да кроку 2.

3
дададзена
Добры адказ, дзякуй! Я дадаў пытанне GitHub, каб уключыць гэта праз больш даступны метад: github.com/ExactTarget/fuelux/ пытанні/194
дададзена аўтар hajef, крыніца

. $ ( '# MyWizard') Майстар ( 'SelectedItem', {крок: currentStep});

2
дададзена

Я ведаю, што гэтае пытанне стары, але я хацеў бы падзяліцца тым, што працаваў для мяне ў Fuel FX 2.x:

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

г.д.:

$('#wizard1').wizard('selectedItem', { step: 7 });
1
дададзена
$(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);
    });
});

Гэта робіць усё крокі клікабельнасць.

1
дададзена
$('#btnNext').on('click', function()
{
$('#orderWizard').wizard('next');
}

Прыведзены вышэй код для Уручную атрымаць наступны Pane для папярэдняга, вы можаце паспрабаваць Belowed One

$('#btnPrev').on('click', function()
{
$('#orderWizard').wizard('previous');
}
1
дададзена

Вы можаце ўсталяваць "актыўны" клас на <�моцны /> тэг <�моцны> Li і калі робіць майстар, то acvite <�моцны> Li адзначаны.

Гэта прыклад у Symfony:

  • 1
  •  
    
  • 2
  •  
    
    0
    дададзена