JQuery UI Диалог Панель кнопок DIV приложение к форме - PullRequest
2 голосов
/ 02 августа 2011

Я хочу добавить панель, созданную для кнопок в диалоге. Так что я могу получить доступ к элементам управления в форме с помощью кнопки «Печать».

$(document).ready(function() {
    $(".dialogDiv").dialog({
        autoOpen: false,
        modal: true,
        position: [50, 50],
        buttons: {
            "Print": function() {
                //Do stuff
            },
            Cancel: function() {
                $(this).dialog("close");
            }
        }
    });
    $(".dialogDiv").parent().appendTo($('form'));
});

<div class="dialogDiv" title="Printwindow"> ... Controls n stuff</div>

Для кнопок есть автоматически сгенерированный div, а в firebug есть div, который выглядит следующим образом:

<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">

Тогда возникает вопрос, как мне добавить это к форме?

1 Ответ

1 голос
/ 04 ноября 2011

К сожалению, решение @ TommyB (в комментарии к вопросу) не будет работать, если на странице несколько диалогов.

Вместо этого сделайте следующее:

$("#mydialog").siblings(".ui-dialog-buttonpane")
...