JQuery Ui Dialog - Добавить изображение «Загрузка», когда содержимое диалога все еще загружается - PullRequest
Новая
       10

JQuery Ui Dialog - Добавить изображение «Загрузка», когда содержимое диалога все еще загружается

0 голосов
/ 02 ноября 2011

Я получил тег div, который изначально настроен на отображение: нет, а позже будет преобразован в диалог: 

 @* To load the create dialog *@
  <div id="createdialog">
  </div>

Я загружаю частичное представление в диалог, как это: 

 // Dialog for create food
        var controllerUrl = '/Food/CreateFood';
        $('#createdialog').append($('#loading'));
        var $createdialog = $('#createdialog').load(controllerUrl).dialog({
            autoOpen: false,
            title: 'Create Food',
            modal: true,
            // To set the dialog width to full width
            width: 'auto',
            // Call the clear function without '()'
            close: clear
        });

А потом я открываю его внутри события удаления пользовательского интерфейса jquery, когда пользователь что-то удаляет: 

        $.validator.unobtrusive.parse($createdialog);
        $createdialog.dialog('open');

Таким образом, это означает, что мой диалог фактически создается по требованию, поэтому я не могу предварительно загрузить содержимое диалога. Мне нужно отобразить загрузочное изображение и скрыть его, как только все будет загружено в диалоге. Но я просто не могу заставить его работать ... Надеюсь, здесь можно помочь ...

Ценю любые отзывы ... Спасибо ...

1 Ответ

0 голосов
/ 03 ноября 2011

Я как-то понял это. Вместо этого я использую обратный вызов .load (). Просто чтобы показать мой путь здесь: 

 // Use the load callback to open dialog to ensure content is loaded
        $createdialog.load(controllerUrl, function () {
            $('#loading').hide();
            $createdialog.dialog('open');
        });

Спасибо! * * 1004

...