Question

在我的aspx页面中我也使用两个Modal Extender ，但主要问题是当模态弹出扩展器出现在前面时仍然搜索按钮点击我希望<当弹出显示时，strong>模态弹出按钮应该单击输入键

我在页面中设置了默认输入键事件，如下所示：

$(document).ready(function () {
  $("body").bind("keydown", function (event) {
    var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
    if (keycode == 13) {
      document.getElementById('btnSearch').click();
      return false;
    } else {
      return true;
    }
  });

及其良好的工作

但问题是我的页面上还有两个ModalPopupExtender 同 ID = ModalPopupExtender1 和 Id = ModalPopupExtender2

现在我想要My ModalPopupExtender1然后调用按钮 ID =＆＃34; btnMUpdate＆＃34; 应点击输入密钥

然后我的ModalPopupExtender2调用了按钮 ID =＆＃34; btnConfirm＆＃34; 应点击输入密钥

Answer 1

 $(document).ready(function () {
this.ModalPopupExtender1.add_showing(show1);
this.ModalPopupExtender2.add_showing(show2);
this.ModalPopupExtender1.add_hiding(hide1);  
this.ModalPopupExtender2.add_hiding(hide2);  
                $("body").bind("keydown", function (event) {
                    var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
                    if (keycode == 13) {
    if (this.ModalPopupExtender1IsShown) {
                        document.getElementById('btnMUpdate').click();
    } else if (this.ModalPopupExtender2IsShown) {
                        document.getElementById('btnConfirm').click();
    } else {
                        document.getElementById('btnSearch').click();
    }
                        return false;
                    } else {
                        return true;
                    }
                });

function show1() {
    this.ModalPopupExtender1IsShown = true;
    }
function show2() {
    this.ModalPopupExtender2IsShown = true;
    }

function hide1() {
    this.ModalPopupExtender1IsShown = false;
    }
function hide2() {
    this.ModalPopupExtender2IsShown = false;
    }

在每个ModalPopupExtender上，您可以在show和hide事件上进行回调

Answer 2

我遇到过这个，对我来说很好用

<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender3"  runat="server"
    PopupControlID="PanelMsg" TargetControlID="lnkdummy3" BackgroundCssClass="modalBackground" >
</ajaxToolkit:ModalPopupExtender>
<asp:Panel ID="PanelMsg" DefaultButton="btnMSend"  runat="server"   Style="display: none;background-color:#e0e0e0">

  </asp:Panel>

给出模态扩展器面板 DefaultButton="btnMSend" ，并且工作正常

如何管理这个输入关键事件有三个不同的情况

2 个答案: