Wizard 控件，是否能将sidebar导航放到控件上面（从左移到上）

Question

Wizard 控件，是否能将sidebar导航放到控件上面
也就是将这个导航从左边移到上面，成一个从左到右的导航？
如 sidebar（左边）：
step1
step2
step3
改成：
step1 =》step2 =》step3
位置是在上面。

如果控件本身不支持，有无其它解决办？
谢谢！！

Answer 1

你好，MultiView + View 控件也可以做出这样的效果，而且不受排版布局的约束。

---

[e-mail]

Answer 2

你好 这个控件的DisplaySidebar属性可以控制是否显示左边的步骤列表
但现实到上面你可以 将转换为SidebarTemplate选中 在SidebarTemplate模板编辑 设置SidebarList属性 方向选择为水平

但是即使这样 也没有显示到最上面这可能是本身的限制，我对这个控件不是很熟悉，你可以仔细研究下，通过整体的布局的更改来控制等方式

<asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="0">
          <WizardSteps>
             <asp:WizardStep runat="server" Title="Step 1">
                <asp:Image ID="Image1" runat="server" Height="287px" Width="210px" />
             </asp:WizardStep>
             <asp:WizardStep runat="server" Title="Step 2">
             </asp:WizardStep>
          </WizardSteps>
          <SideBarTemplate>
             <asp:DataList ID="SideBarList" runat="server" RepeatDirection="Horizontal"
                RepeatLayout="Flow">
                <SelectedItemStyle Font-Bold="True" />
                <ItemTemplate>
                   <asp:LinkButton ID="SideBarButton" runat="server"></asp:LinkButton>
                </ItemTemplate>
             </asp:DataList>
          </SideBarTemplate>
       </asp:Wizard>

---

Wenn ich dich hab’,gibt es nichts, was unerträglich ist.坚持不懈！http://hi.baidu.com/1987raymond

Answer 3

谢谢版主!
我用Wizard 控件的程序已经写好,如果用改用MultiView + View,我就得重写.
请让这贴子暂时为未解答.
我想看看还有没有能用Wizard 控件解决的.
这个显示模式应该是很普通的需求,相信不少人遇到,也许有更好的解决方法.

再次感谢!

Answer 4

谢谢版主!
我用Wizard 控件的程序已经写好,如果用改用MultiView + View,我就得重写.
请让这贴子暂时为未解答.
我想看看还有没有能用Wizard 控件解决的.
这个显示模式应该是很普通的需求,相信不少人遇到,也许有更好的解决方法.

再次感谢!

你好，Jerry，太客气了，我以为你还没有开始做呢，你可以参考一下raymond的方法，把Sidebar转换成SidebarTemplate模板，然后进行编辑！

---

[e-mail]

Answer 5

感谢raymond版主的思路,问题已经解决.

做法是编辑HeaderTemplate, 加几个linkbutton

<HeaderTemplate>
              <asp:Label ID="Label1" runat="server" Text="total 3 setps: "></asp:Label>
              <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">step 1</asp:LinkButton>
              =&gt;<asp:LinkButton ID="LinkButton2" runat="server" onclick="LinkButton2_Click">step 2</asp:LinkButton>
              =&gt;<asp:LinkButton ID="LinkButton3" runat="server" onclick="LinkButton3_Click">step 3</asp:LinkButton>
          </HeaderTemplate>

button click 事件:
    protected void LinkButton1_Click(object sender, EventArgs e)
    {
        this.Wizard1.ActiveStepIndex = 0;
    }
    protected void LinkButton2_Click(object sender, EventArgs e)
    {
        this.Wizard1.ActiveStepIndex = 1;
    }
    protected void LinkButton3_Click(object sender, EventArgs e)
    {
        this.Wizard1.ActiveStepIndex = 2;
    }

Answer 6

不用谢呵呵~~~

---

Wenn ich dich hab’,gibt es nichts, was unerträglich ist.坚持不懈！http://hi.baidu.com/1987raymond