ajax下拉扩展程序在运行时

Question

我有一个带有ajax下拉扩展器的文本框。如何在运行时使其看起来像图像2，而不仅仅是将鼠标悬停在文本框上。 带有“向下按钮”的文本框在设计时应该看起来像图像2

我如何做这个或一些关于如何做到这一点的好阅读材料？

修改

我所做的一切都是因为我试图首先正确地显示它，否则我将不得不寻找另一种方式：

    <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>

Answer 1

尝试添加此脚本。

 <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();
}