asp.net-mvc - 如何创建功能类似于 Webforms Wizards 的 MVC 'Wizard'？

Question

我想在 ASP.NET MVC 中创建一个向导，类似于 ASP.NET webforms 中的向导控制功能。

做这个的最好方式是什么？

Answer 1

使用 ASP.NET MVC 我建议使用 javascript/jquery 在网页中创建一个向导；就像是

<script type="text/javascript">
    $().ready(InitializeWizard);
    function InitializeWizard() {
        $(".step").hide();
        $("#step1").show();
    }
    function Step1OK() {
        $("#step1").hide();
        $("#step2").show();
    }
    function Step2OK() {
        $("#step2").hide();
        $("#stepComplete").show();
    }
</script>

<div id="step1" class="step">
    Step 1
    <input type="button" onclick="Step1OK();" value="OK" />
</div>
<div id="step2" class="step">
    Step 2
    <input type="button" onclick="Step2OK();" value="OK" />
</div>
<div id="stepComplete" class="step">
    Complete
</div>

注意!请记住，在文档的顶部，加载 jquery，例如通过引用谷歌链接:

<script src="http://www.google.com/jsapi"></script>
<script>
    google.load("jquery", "1.3.2");
</script>