Закройте всплывающее окно Ajax Modal при нажатии клавиши Esc - PullRequest
Новая
       8

Закройте всплывающее окно Ajax Modal при нажатии клавиши Esc

3 голосов
/ 03 февраля 2011

Я показал всплывающие окна панели, используя Ajax, и я должен закрыть окно, когда пользователь нажмет клавишу Esc.

Это возможно? Пожалуйста, помогите мне, если кто-нибудь знает об этом или ранее сделал это.

Спасибо

Ответы [ 3 ]

5 голосов
/ 03 февраля 2011

Вот ссылка, по которой вы можете легко закрыть окно от нажатия кнопки eascape:

http://www.codeproject.com/KB/scripting/Javascript_for_modalpopup.aspx

надеюсь, эта помощь.

3 голосов
/ 12 февраля 2011

Предположим, у нас есть два элемента управления ModalPopupExtender, Прежде всего, установите BehaviorID каждого модального элемента управления, чтобы получить доступ к нему из сценария Java, Я называю первый элемент управления P2, а второй - P3. Напишите код ниже через тег head: 

<script type="text/javascript">
    document.onkeyup =Esc;
    function Esc()
    {
    var KeyID =event.keyCode;
     if(KeyID==27)
     {
     if($find("p2"))
     {
       $find("p2").hide();
     }
     if($find("p3"))
        $find("p3").hide();
     }
    }
</script>

мы используем $ find (p2), чтобы убедиться, что модальное всплывающее окно существует на странице.

3 голосов
/ 03 февраля 2011

Добавьте скрипт на свою страницу, чтобы закрыть модальное всплывающее окно с помощью клавиши ESC 

   <script type="text/javascript">

    function pageLoad(sender, args){
        if(!args.get_isPartialLoad()){
            //  add our handler to the document's
            //  keydown event
            $addHandler(document, "keydown", onKeyDown);
        }
    }

    function onKeyDown(e){
        if(e && e.keyCode == Sys.UI.Key.esc){
            // if the key pressed is the escape key, dismiss the dialog
            $find('mdlPopupExtender').hide();
        }
    } 

    </script>
...