0

javascriptまたはJqueryでエスケープキーを押してAjax:PopupControlExtenderを閉じる方法は? 以下は、同じための私のhtmlマークアップです。

<td>
     <asp:TextBox ID="txtTechnologyCombo" runat="server" Width="105" ReadOnly="true" TabIndex="7">
     </asp:TextBox>
     <Ajax:PopupControlExtender ID="pceTechnology" runat="server" TargetControlID="txtTechnologyCombo"
           PopupControlID="pnlTechnology" Position="Bottom">
      </Ajax:PopupControlExtender>
      <input type="hidden" name="hidTechnologyVal" id="hidTechnologyVal" runat="server" />
      <asp:Panel ID="pnlTechnology" runat="server" Style="max-height: 150px; min-width: 160px;
           overflow-y: scroll; overflow-x: hidden; padding-right: 20px;" BackColor="#f9faf6"
           BorderColor="Gray" BorderWidth="1">
           &nbsp;<asp:CheckBox ID="chkTechnologyAll" runat="server" Text="All" CssClass="chklist" />
           <asp:CheckBoxList ID="chkTechnologyList" CssClass="chklist" runat="server">
           </asp:CheckBoxList>
    </asp:Panel>
    <asp:DropDownList runat="server" ID="ddlTechnology" Style="width: 110px;" Visible="false">
    </asp:DropDownList>
</td>

このようなブロックが 10 個以上あるため、すべての PopupControlExtender を閉じるために使用できる単一の関数が必要です。

4

1 に答える 1

1

次のコードを試してください:

$(document).keyup(function(e) {
    if (e.keyCode == 27) 
  { 
     $("#pceTechnology").hide();
  }   // esc
});
于 2012-12-13T04:19:33.050 に答える