понедельник, 6 января 2014 г.

Переход информации между DropDownList'ами

Возникла задача написания переходов между несколькими DropDownList'ами.
Но так что бы пользователь только выбирал, затем появлялась изменённая информация в следующем DropDownList'e.
Реализовал так:
<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always"   
             ChildrenAsTriggers="true">
        <ContentTemplate>
            <asp:Table ID="Table1" runat="server">
                <asp:TableRow>
                    <asp:TableCell>
                        <asp:Label ID="Label1" runat="server" Text="Label">Страна:</asp:Label>   
                    </asp:TableCell>
                    <asp:TableCell>
                        <asp:DropDownList ID="DropDownList1" runat="server" 
                          OnSelectedIndexChanged="ddl1" AutoPostBack="true" Width="350px" />
                    </asp:TableCell>
                </asp:TableRow>

                <asp:TableRow>
                    <asp:TableCell>
                        <asp:Label ID="Label2" runat="server" Text="Label" Visible="false">Регион:</asp:Label>
                     </asp:TableCell>
                    <asp:TableCell>
                        <asp:DropDownList ID="DropDownList2" runat="server" 
                        OnSelectedIndexChanged="ddl2" Visible="false" AutoPostBack="true" Width="350px" />
                    </asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableCell>
                        <asp:Label ID="Label3" runat="server" Text="Label" Visible="false">Город:</asp:Label>
                    </asp:TableCell>
                    <asp:TableCell>
                        <asp:DropDownList ID="DropDownList3" runat="server" Visible="false" 
                       AutoPostBack="true" Width="350px" OnSelectedIndexChanged="ddl3" />
                    </asp:TableCell>
                </asp:TableRow>
            </asp:Table>
        </ContentTemplate>
    </asp:UpdatePanel>

Упдайтпанель обновляется при выборе в DropDownList'e с помощью встроеной функции AutoPostBack="true".
А сами добавления в файле .cs
  DropDownList1.Items.Add("");
  DropDownList1.Items.Add("Россия");
  DropDownList1.Items.Add("Казахстан");
  DropDownList1.Items.Add("Китай");
  DropDownList1.Items.Add("Сша");
и т.д.

Получилось отлично.

Комментариев нет:

Отправить комментарий