8

これに関するドキュメントはありません。

ウィザード コンポーネントでアクティブなパネルを手動で選択するにはどうすればよいですか?

渡されたタブのいずれかをクリックして、前のタブに戻ることができるため、どこかにあることがわかります。

4

7 に答える 7

9

はい、ウィザードのステップを変更できます:

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

アップデート：

最後の更新後、selectedItemで動作するようになりました

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

select から selected* への変更に注意してください。

于 2013-10-20T07:36:37.853 に答える
3

I don't think there is a way to directly set the active panel since the upcoming steps are disabled until activated using prev/next.

Once a step has been "activated" you could use jquery to trigger a tab click..

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

Here is a working example: http://www.bootply.com/60319 -- If you navigate to the last step (5), there is a link that returns to step 2.

于 2013-06-05T09:50:16.440 に答える
2

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

于 2013-11-27T04:20:43.647 に答える
1 
$('#btnNext').on('click', function()
{
$('#orderWizard').wizard('next');
}

上記のコードは、前のペインの次のペインを手動で取得するためのものです。下のペインを試すことができます

$('#btnPrev').on('click', function()
{
$('#orderWizard').wizard('previous');
}
于 2016-04-21T12:24:44.287 に答える
1

この質問が古いことは承知していますが、Fuel FX 2.x で何がうまくいったかを共有したいと思います。

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

例えば：

$('#wizard1').wizard('selectedItem', { step: 7 });
于 2014-06-24T23:58:16.687 に答える
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);
    });
});

これにより、すべてのステップがクリック可能になります。

于 2015-12-10T17:55:01.817 に答える
0

liタグに「アクティブ」クラスを設定すると、 がウィザードをレンダリングするときに、アクティブなliがマークされます。

これは 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>
于 2014-06-10T16:44:03.170 に答える