none
Wizard 控件,是否能将sidebar导航放到控件上面(从左移到上) RRS feed

  • 问题

  • Wizard 控件,是否能将sidebar导航放到控件上面
    也就是将这个导航从左边移到上面,成一个从左到右的导航?
    如 sidebar(左边):
    step1
    step2
    step3

    改成:
    step1 =》step2 =》step3
    位置是在上面。

    如果控件本身不支持,有无其它解决办?
    谢谢!!
    2009年8月12日 2:17

答案

  • 感谢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;
        }
    2009年8月13日 0:48

全部回复

  • 你好,MultiView + View 控件也可以做出这样的效果,而且不受排版布局的约束。
    jon.valett@gmail.com
    2009年8月12日 2:47
    版主
  • 你好 这个控件的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
    2009年8月12日 2:57
    版主
  • 谢谢版主!
    我用Wizard 控件的程序已经写好,如果用改用MultiView + View,我就得重写.
    请让这贴子暂时为未解答.
    我想看看还有没有能用Wizard 控件解决的.
    这个显示模式应该是很普通的需求,相信不少人遇到,也许有更好的解决方法.

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

    再次感谢!
    你好,Jerry,太客气了,我以为你还没有开始做呢,你可以参考一下raymond的方法,把Sidebar转换成SidebarTemplate模板,然后进行编辑!
    jon.valett@gmail.com
    2009年8月12日 3:07
    版主
  • 感谢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;
        }
    2009年8月13日 0:48
  • 不用谢呵呵~~~
    Wenn ich dich hab’,gibt es nichts, was unerträglich ist.坚持不懈!http://hi.baidu.com/1987raymond
    2009年8月13日 1:58
    版主