2013-10-21 19 views
5

the jWizard jQuery pluginを使用して、アプリケーションにウィザードを実装しています。私の要件のjWizardでプログラムでステップを非表示にすることはできますか?

立ち、私はBの

  • 設定
  • 概要ページ
  • での設定に

  • Configurationを選択し、ウィザード

    1. に4つのステップの合計を持っています最初のステップ(設定を選択)私は、ユーザーがチェックマークを付けることができる2つのチェックボックスを持っています。すべてのチェックボックスは設定を表します。ユーザは、それらの一方または両方を選択することができる。 たとえば、ユーザーが「構成A」チェックボックスを選択しただけで、ウィザードからステップ3を非表示にする必要があります。 同じ場合、ユーザーが両方のボックスにチェックを入れると、ウィザードの最初のstepp 2と3を表示する必要があります。

      jWizardプラグインでこの動作を達成する方法はありますか?

      ご協力いただきありがとうございます。

  • 答えて

    4

    他の回答で述べたように、jWizardの通常の機能を使用してこれを行う方法は現在ありません。したがって、これを行う必要がある場合は、それを自分で実装する必要があります。いくつかの選択肢があります。

    に基づいて、第1

    一つのオプションは、あなたがウィザードを起動前に、Aおよび/またはB を選択するように依頼、3つの異なるウィザード(& B、A、B)のいずれかを起動することができている依頼この。また、ウィザードを起動する前にDOMからステップ要素を削除することもできます。

    ショーのセクションAおよびB/1ページに& Bを入れて、手順1で、あなたの選択に基づいて

    マージステップ2と3その後は、必要のないものを隠す、隠すためのjQueryを使用

    $('#checkboxa').click(function() { 
         var $this = $(this); 
         if ($this.is(':checked')) { 
          $('#sectiona').hide(); 
         } else { 
          $('#sectiona').show(); 
         } 
        }); 
    

    自分

    ロジックを書く私はあなたが探しているもののようですので、私は、あなたにこの上で、より良い答えを与えることがしたいが、それはするのは難しい:今2ステップされているものでjWizardのドキュメントからこれを達成する方法を教えてください。ウィザードからステップをすべて削除して(ユーザーが自分の考えを変更した場合は再度挿入する)、nextイベント(またはnextイベントが利用可能でない場合はclickイベント)をトリガーすることで手動でスキップすることもできます。

    2

    あなたが探している機能はまだ実装されていません。ところで、私もその機能を待っています。

    enter image description here

    今の枠組みは、単に構築フェーズですべての手順を収集します。

    /** 
        * Initializes the step collection. 
        * 
        * Any direct children <div> (with a title or data-jwizard-title attr) 
        * or <fieldset> (with a <legend>) are considered steps, and there should 
        * be no other sibling elements. 
        * 
        * Lastly, a <div class"jw-steps-wrap"> is wrapped around all the steps to 
        * isolate them from the rest of the widget. 
        */ 
        _buildSteps: function() { 
    

    私はそのコレクションを管理するためにどのような方法に気づきませんでした。だから、機能がすぐに登場することにしましょう。

    関連する問題