Ajax Dropdown-Extender zur Laufzeit - c #, asp.net, Drop-Down-Menü, asp.net-ajax

Ich habe eine Textbox mit einem Ajax-Dropdown-Extender erhalten. Wie kann ich es zur Laufzeit wie Bild 2 aussehen lassen und nicht nur beim Schweben über der Textbox? Das Textfeld mit der "Abwärtsschaltfläche" sollte zur Entwurfszeit wie Bild 2 aussehen

Wie mache ich dieses oder ein gutes Lesematerial dazu?

BEARBEITEN

Alles, was ich getan habe, ist, soweit ich versuche, es zuerst richtig anzuzeigen, sonst muss ich einen anderen Weg finden:

    <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>

<asp:TextBox ID="txtResidence" runat="server"></asp:TextBox>
<asp:DropDownExtender ID="txtResidence_DropDownExtender" runat="server"
DynamicServicePath="" Enabled="True" TargetControlID="txtResidence"
DropDownControlID="pnlRes">
</asp:DropDownExtender>

</div>
<div>
<asp:Panel ID="pnlRes" runat="server">
<asp:TreeView ID="ResidenceTreeView" runat="server" ShowLines="true" PopulateNodesFromClient="false" BackColor="#99CCFF" style="width:100%" ShowExpandCollapse="false">
<Nodes>
<asp:TreeNode Text="1" Value="1">
<asp:TreeNode Text="1.1" Value="1.1"></asp:TreeNode>
<asp:TreeNode Text="1.2" Value="1.2"></asp:TreeNode>
</asp:TreeNode>
<asp:TreeNode Text="2" Value="2">
<asp:TreeNode Text="2.1" Value="2.1"></asp:TreeNode>
<asp:TreeNode Text="2.2" Value="2.2"></asp:TreeNode>
</asp:TreeNode>
</Nodes>
</asp:TreeView>
</asp:Panel>
</div>
</asp:Content>

Antworten:

Versuchen Sie, dieses Skript hinzuzufügen.

 <script type="text/javascript">

function pageLoad()
{
$find("txtResidence_txtResidence_DropDownExtender")._dropWrapperHoverBehavior_onhover();
$find("txtResidence_txtResidence_DropDownExtender").unhover = VisibleMe;
}

function VisibleMe()
{
$find("txtResidence_txtResidence_DropDownExtender")._dropWrapperHoverBehavior_onhover();
}