JQuery UI Диалог с пользовательским контролем и обратной передачей

Question

У меня есть диалоговое окно jQuery UI, в котором есть пользовательский контроль, который я получаю с помощью .load страницы, на которой он находится. Это простой калькулятор.Вы выбираете несколько чисел, а затем нажимаете кнопку, происходит обратная передача, и, наконец, вы получаете результат в две метки.Когда я нажимаю кнопку внутри диалога, происходит обратная передача, и я вижу результат на исходной странице, а не в диалоге.Я понимаю логику, но я смотрю, есть ли способ обойти это?

Answer 1

Если вы выполняете некоторую обработку на стороне сервера, которая выполняет ajax-вызов обратно на сервер и в случае успеха, обновите свой пользовательский интерфейс в диалоговом окне, представленном div на вашей странице, и не закрывайте диалоговое окно.

$.ajax({

  // make the request to an endpoint that will take your form data
  url: 'ajax/test.asmx',
  success: function(data) {

    // update an element with the data that the service has sent back, in this case the 
    // results of the calculation
    $('.result').html(data);
  }
});

Если вам не нужна обработка на стороне сервера, вы можете написать вычисление в JavaScript.