Обещание JavaScript от jQuery Deferred разрешается только в первый раз - PullRequest
Новая
       2

Обещание JavaScript от jQuery Deferred разрешается только в первый раз

1 голос
/ 06 июня 2019

Внутри слушателя щелчка У меня есть функция, которая возвращает promise и открывает всплывающее окно.Из всплывающего окна я хочу передать массив выбранных значений.Однако это обещание работает только при первом нажатии кнопки «Опубликовать».

Что я делаю не так?

Пример 

  
  function showtWindow(){
  
    var selected = [];
    var post = false;
    
    var dfd = new jQuery.Deferred();
    var promise = dfd.promise();
    
  	var popupWindow = $("#popupWindow").data('kendoWindow');

    //init window only first time
    if (popupWindow === undefined) {

        popupWindow = $("#popupWindow").kendoWindow({
            title: 'Test',
            width: 400,
            height: 600,
            modal: true,
            close: function () {
                //this.destroy();
                if (post) {
                    dfd.resolve(selected);
                }
            }
        }).data('kendoWindow');

        popupWindow.wrapper.find('.confirm').on('click', function (e) {
            selected = popupWindow.wrapper.find('.list input:checked').map(function (i, el) {
                return $(el).val();
            }).get();

            post = true;
            popupWindow.close();
        });

        popupWindow.wrapper.find('.cancel').on('click', function (e) {
            popupWindow.close();
        });
    }
    
    popupWindow.center().open();

    return promise;
  }
  
  
  
  $('.testButton').on('click', function(){
    var promise = showtWindow();
  	
  	promise.then(function (e1) {
        console.log(e1)
    })/*.done(function (e2) {
        console.log(e2)
    }).fail(function (e3) {
        console.log(e3)
    })*/
  })
  
  
<head>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.common.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.rtl.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.silver.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.mobile.all.min.css"/>

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2019.2.514/js/kendo.all.min.js"></script>
</head>
<body>
<div hidden="hidden" id="popupWindow">
    <ul class="list">
        <li>
            <label><input type="checkbox" value="1" />One</label>
        </li>
        <li>
            <label><input type="checkbox" value="2" />Two</label>
        </li>
    </ul>

    <button class="confirm">Post</button>
    <button class="cancel">Cancel</button>
</div>
  
<button class="testButton">Test</button>

</body>

1 Ответ

1 голос
/ 06 июня 2019

Попробуйте, это работает для меня в вашем KendoSandbox; 

var popupWindow, dfd;
function showtWindow(){

    var selected = [];
    var post = false;

    dfd = new jQuery.Deferred();
    var promise = dfd.promise();

    popupWindow = $("#popupWindow").data('kendoWindow');

    //init window only first time

    if (popupWindow === undefined) { // removed the if undefined clause

    popupWindow = $("#popupWindow").kendoWindow({
        title: 'Test',
        width: 400,
        height: 600,
        modal: true,
        close: function () {

            if (post) {
                dfd.resolve(selected);
            }
            // this.destroy();
        }
    }).data('kendoWindow');

    popupWindow.wrapper.find('.confirm').on('click', function (e) {
        selected = popupWindow.wrapper.find('.list input:checked').map(function (i, el) {
            return $(el).val();
        }).get();

        post = true;
        popupWindow.close();
    });

    popupWindow.wrapper.find('.cancel').on('click', function (e) {
        popupWindow.close();
    });
    } // removed the if undefined clause

    popupWindow.center().open();

    return promise;
}

Надеюсь, это поможет, я просто перезаписываю всплывающее окно и связанное с ним обещание, по нажатию кнопки, такое, что обещание (брошено)может быть захвачен с каждым нажатием кнопки.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...