Добавление кнопок в заголовок диалогового окна? - PullRequest
Новая
       37

Добавление кнопок в заголовок диалогового окна?

3 голосов
/ 24 июня 2011

Я хочу добавить две кнопки в заголовок диалогового окна вместе со значком 'x', но я могу добавить только кнопки внизу, даже после поиска часов у меня не было никакого решения по добавлениюони сверху или меняют свое положение снизу вверх.Пожалуйста, помогите мне. 

$(function(){
   var winsize = ["width=400,height=500"];
   var newwin = function() {
      window.open("http://www.google.com", "New Window", winsize);
      $(this).dialog("close");
   }
   var hide = function() {}
   var btns = {
       buttons: {
         "+": newwin,
         "-": hide
      }
   };
   $( "#dialog" ).dialog(btns);
});

Ответы [ 3 ]

3 голосов
/ 25 июня 2011

Это уродливо, но, возможно, удар в правильном направлении ...

http://jsfiddle.net/AjKFe/48/

//create dialog
$("#dialog2").dialog({
    height: 140,
    modal: true,
    autoOpen: false
});

//add a button
$("<a href='#' style='float:right; margin-right:1em;'></a>").button({icons:{primary: "ui-icon-plus"},text: false}).insertBefore('.ui-dialog-titlebar-close').click(function(e){
   e.preventDefault();
   alert("click");
});
0 голосов
/ 27 июня 2012

Вы также можете сделать следующее: 

    var titlebar = dialog.parents('.ui-dialog').find('.ui-dialog-titlebar');
    $('<button>-</button>')
        .appendTo(titlebar)
        .click(function() {
            // smth here
    });         
    $('<button>+</button>')
        .appendTo(titlebar)
        .click(function() {
            //smth here
    });

или используйте значки jQuery, заменив "-" и "+" на 

<span class="ui-icon ui-icon-minusthick">minimize</span>
0 голосов
/ 24 июня 2011

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

...