ASP.NET Контейнеры ЭУ

[Heidel]

На одной странице происходит изменение содержания, для этого были добавлены специальные элементы-контейнеры Wizard, MultiView, Placeholder

Добавим на страницу контрол Toolbox -- Standart -- MultiView
MultiView группирует контролы по некоторому признаку.
Добавляем элементы View

        <asp:MultiView ID="MultiView1" runat="server">
            <asp:View ID="View1" runat="server"></asp:View>
            <asp:View ID="View2" runat="server"></asp:View>
            <asp:View ID="View3" runat="server"></asp:View>
        </asp:MultiView>  

Элемент MultiView единовременно отображает только одну из вкладок View.
Таким образом можно эмулировать переход пользователя между несколькими шагами.

Свойства MultiView
ActiveViewIndex -- показывает, какой View активен по умолчанию (индексация начинается с 0)

Добавляем после формы несколько LinkButton

<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">View1</asp:LinkButton>
<asp:LinkButton ID="LinkButton2" runat="server" OnClick="LinkButton2_Click">View2</asp:LinkButton>
<asp:LinkButton ID="LinkButton3" runat="server" OnClick="LinkButton3_Click">View3</asp:LinkButton>

и к каждой кнопке LinkButton добавляем обработчик клика

        protected void LinkButton1_Click(object sender, EventArgs e)
        {
            MultiView1.ActiveViewIndex = 0;
        }

        protected void LinkButton2_Click(object sender, EventArgs e)
        {
            MultiView1.ActiveViewIndex = 1;
        }

        protected void LinkButton3_Click(object sender, EventArgs e)
        {
            MultiView1.ActiveViewIndex = 2;
        }

Один обработчик ко всем кнопкам LinkButton

      protected void LinkButton_Click(object sender, EventArgs e)
        {
            LinkButton l = (LinkButton)sender;
            int Index = Convert.ToInt32(l.ID.Substring(l.ID.Length - 1, 1));
            MultiView1.ActiveViewIndex = Index - 1;
        } 

и добавим этот обработчик ко всем кнопкам

<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton_Click">View1</asp:LinkButton>
<asp:LinkButton ID="LinkButton2" runat="server" OnClick="LinkButton_Click">View2</asp:LinkButton>
<asp:LinkButton ID="LinkButton3" runat="server" OnClick="LinkButton_Click">View3</asp:LinkButton>

Курсы по asp.net от intuit.ru часть №3

@темы: Контейнеры ЭУ, Курсы по asp.net от intuit.ru, ASP.NET, Ссылки