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

Question

>我有一个 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>

Answer 1

这是我发现的一种方法，可以相对于彼此重新排列向导区域，使用元素和asp:PlaceHolder每个向导区域（标题、侧边栏、步骤、导航）LayoutTemplate控件; 我唯一要做的就是将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>