0

私はウィザードに取り組んでいます。私はトリッキーな状況に陥っています。

デフォルトでは、 PREVIOUS 、 NEXT 、 FINISH を取得しています。しかし、4 つのステージを持つウィザードをカスタマイズしたいと考えています。 ステージ 1 & 2 : 次へ & 保存ボタン ステージ 3 : 承認のために送信 ステージ 4 : 承認または拒否

したがって、4つのステージで、このような4つのDIVを同様に作成しました

     @using (Html.BeginForm("Index", "Home", FormMethod.Post))
            {
                <div id="step-1">   
                <h2 class="StepTitle">Step 1: Account Details</h2>
                <table cellspacing="3" cellpadding="3" align="center">
                        <td align="center" colspan="3">&nbsp;</td>
                        <tr>
                            <td align="right"> @Html.LabelFor(m=>m.Lead_Id) </td>
                            <td align="left">
                :  @Html.TextBoxFor(model=>model.Lead_Id , new { @readonly="readonly" }  ) 
                          </td>
                        </tr>   

                        <tr>
                            <td align="right"> @Html.LabelFor(m=>m.Contact_Name) </td>
                            <td align="left">
                            :   @Html.TextBoxFor(model=>model.Contact_Name )
                          </td>

                        </tr>
                        <tr>
                            <td align="right"> @Html.LabelFor(m=>m.Contact_Address</td>
                            <td align="left">
                            :   @Html.TextBoxFor(model => model.Contact_Address)
                          </td>

                        </tr> 
                         <tr>
                            <td align="right"> @Html.LabelFor(m=>m.Lead_Source)</td>
                            <td align="left">
                        :  @Html.DropDownListFor(c=>c.Lead_Source, Model.lead_sources)
                          </td>

                    </tr>   
                     <tr>

     <td> <input type="submit"  value="SAVE" id="btnsave" /></td> // on click it does postback call to controller which saves my data accordingly . fine with that 

 <td><input type="button" onclick="donno()" value="NEXT STAGE" id="btnNext"</td> // Issue is here and what i need is onclick of button need to move to second stage of wizard so i been thinking to write a logic on click method of button ? 
                    </tr>

                   </table>                     
           </div>
            }

どうやって?次のステージ、つまりステージ 2 の次の DIV を呼び出してオンクリックで表示することは可能ですか。DIV をボタンにバインドする回避策はありますか。ボタンをクリックすると、ウィザードのステップ 2 で DIV のセクションが読み込まれます。

より良いアイデアは歓迎され、その努力は常に高く評価されます。

ありがとうございます。それでは、お元気で

4

1 に答える 1