c# - 运行时的 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();
}