根据选择轻松更改用户界面

本文关键字:用户界面 选择 | 更新日期: 2023-09-27 18:20:31

所以我有一个包含两个项目的下拉列表:PathQueue

如果选择的项目是Path,那么下一个div中显示的下一个项目是textBox(txtLocation),如果它是Queue,那么我必须显示DropDownList(cmbLocation),哪些项目是xml文件的一部分。

    Type:
    <dx:ASPxComboBox ID="cmbPathType" runat="server" Width="150px" TextField="TypeName"
                                            ValueField="QueueMonitorConfigTypesID">
        <DisabledStyle BackColor="LightGray" ForeColor="Black" />
        <Items>
           <dx:ListEditItem Text="Path" Value="Path" />
           <dx:ListEditItem Text="Queue" Value="Queue" />
        </Items>
        <ValidationSettings ValidateOnLeave="false" RequiredField-IsRequired="true">
          <RequiredField IsRequired="True" />
        </ValidationSettings>
    </dx:ASPxComboBox>

    Location:
    <dx:ASPxTextBox ID="txtLocation" runat="server" Width="150px">
      <DisabledStyle BackColor="LightGray" ForeColor="Black" />
      <ValidationSettings ValidateOnLeave="false" RequiredField-IsRequired="true">
        <RequiredField IsRequired="True"></RequiredField>
      </ValidationSettings>
    </dx:ASPxTextBox>
    <dx:ASPxComboBox ID="cmbLocation" runat="server" Width="150px" DataSourceID="queuesXML">
    </dx:ASPxComboBox>
    <asp:XmlDataSource ID="queuesXML" runat="server" DataFile="~/Config/Config.xml" XPath="queue/name" ></asp:XmlDataSource>

我知道我使用的是dev-express,但这对这个来说并不重要

根据选择轻松更改用户界面

您需要处理combobox的更改事件。并使用选择值作为条件。