Добавить диалоговое окно jQuery UI в форму ASP.NET при готовности документа - PullRequest
Новая
       10

Добавить диалоговое окно jQuery UI в форму ASP.NET при готовности документа

1 голос
/ 17 сентября 2010

У меня есть диалоговое окно jQuery UI с ASP.NET.Я заворачиваю список флажков в диалоге.Поскольку это «Изменить страницу», некоторые из флажков уже отмечены, потому что данные извлекаются из базы данных при первой загрузке страницы.

У меня нет проблем, когда я нажимаю на ссылку, чтобы открыть диалог, и все работает как положено.Однако, если я не нажму на ссылку, чтобы открыть диалоговое окно, значения этих флажков не будут извлечены из выделенного кода при отправке формы обратно.Я понимаю, потому что диалоговое окно jQuery UI добавляет «div» к телу HTML вне элемента «form» при загрузке страницы. 

    //I'm trying to append dialog-dept to form on document ready like this but not yet working
     $("#dialog-dept").parent().appendTo($("form:first"));

Как сделать диалог JQuery UI частью «формы»тег требуется страницей ASP.NET при первой загрузке страницы?

Поскольку на странице есть много других полей, а не только эти флажки.Иногда может не понадобиться открывать диалоговое окно, чтобы установить какой-либо флажок.

Код ниже работает хорошо, только если я нажму на ссылку, чтобы открыть диалоговое окно. 

 $(document).ready(function() {

        // Dialog Link
        $('#dialog_link_dept').click(function() {
            $('#dialog-dept').dialog('open');
            return false;
        });

        // Launch Dialog
        $('#dialog-dept').dialog({
            autoOpen: false,
            width: 700,
            modal: true,
            open: function(type, data) {
                $(this).parent().appendTo("form");
            }
        });

    });
</script>

Ответы [ 2 ]

5 голосов
/ 17 сентября 2010

Вы можете переместить его в <form> сразу после создания, даже если это autoOpen: false, например: 

    $('#dialog-dept').dialog({
        autoOpen: false,
        width: 700,
        modal: true
    }).parent().appendTo("form");
1 голос
/ 13 марта 2013

Полагаю, таким образом модальное диалоговое окно формы:

$ ("# dialog-dept"). Dialog ({высота: 300, ширина: 250, модальное: true, appendTo: "form", title:«Заголовок», шоу: {эффект: «исчезновение», длительность: 500}, скрыть: {эффект: «сворачивание», продолжительность: 500}});

и отлично работают для меня

...