一种在顶部显示 ASP.NET 向导导航控件的方法答案

【问题标题】：A way to display ASP.NET Wizard navigation controls on top一种在顶部显示 ASP.NET 向导导航控件的方法
【发布时间】：2014-02-01 18:57:48
【问题描述】：

我有一个 asp.net 向导，我希望导航控件（下一个/上一个按钮）出现在向导的顶部而不是底部。

有没有简单的方法可以在向导中设置导航区的位置？

或者我是否必须使用空的 StartNavigationTemplate、StepNavigationTemplate、FinishNavigationTemplate 以便不显示标准导航控件，然后添加带有自定义导航按钮的 div 元素？

<asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="0" Width="95%" DisplaySideBar="False"
    FinishCompleteButtonType="Link" FinishPreviousButtonType="Link" StartNextButtonType="Link"
    StepNextButtonType="Link" StepPreviousButtonType="Link" OnActiveStepChanged="Wizard1_ActiveStepChanged"
    OnNextButtonClick="Wizard1_NextButtonClick" 
    OnFinishButtonClick="Wizard1_FinishButtonClick">
    <HeaderStyle HorizontalAlign="Center" Font-Bold="True" />
    <HeaderTemplate>
        Edit User Wizard
        <br />
        <br />
        <div style="text-align:left">
            <asp:Label ID="lblStepTitle" runat="server" Text="Step Title"></asp:Label>
        </div>
    </HeaderTemplate>
    <StartNavigationTemplate>

    </StartNavigationTemplate>
    <StepNavigationTemplate>

    </StepNavigationTemplate>
    <FinishNavigationTemplate>

    </FinishNavigationTemplate>            
    <WizardSteps>

    </WizardSteps>
</asp:Wizard>

【问题讨论】：

标签： asp.net navigation wizard

【解决方案1】：

这是我发现的一种相对于彼此重新排列向导区域的方法，对每个向导区域（标题、侧边栏、步骤、导航）使用 LayoutTemplate 元素和 asp:PlaceHolder 控件；我唯一需要做的就是将navigationPlaceHolder 移到headerPlaceHolder 上方；现在导航控件出现在向导的顶部，这是我想要的。

<asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="0" Width="95%" DisplaySideBar="False"
    FinishCompleteButtonType="Link" FinishPreviousButtonType="Link" StartNextButtonType="Link"
    StepNextButtonType="Link" StepPreviousButtonType="Link" OnActiveStepChanged="Wizard1_ActiveStepChanged"
    OnNextButtonClick="Wizard1_NextButtonClick" 
    OnFinishButtonClick="Wizard1_FinishButtonClick">
    <HeaderStyle HorizontalAlign="Center" Font-Bold="True" />
    <LayoutTemplate>
        <asp:PlaceHolder ID="navigationPlaceHolder" runat="server"/>
        <asp:PlaceHolder ID="headerPlaceHolder" runat="server" />
        <asp:PlaceHolder ID="sideBarPlaceHolder" runat="server" />
        <asp:PlaceHolder ID="WizardStepPlaceHolder" runat="server" />
    </LayoutTemplate>
    <HeaderTemplate>
        Edit User Wizard
        <br />
        <br />
        <div style="text-align:left">
            <asp:Label ID="lblStepTitle" runat="server" Text="Step Title"></asp:Label>
        </div>
    </HeaderTemplate>          
    <WizardSteps>

    </WizardSteps>
</asp:Wizard>

【讨论】：