2011-08-02 126 views
2

我想追加爲對話框中的按鈕創建的面板。所以我可以使用打印按鈕訪問窗體中的控件。JQuery UI對話框buttonpane div appendTo表單

$(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有看起來像這樣一個div:

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

接下來的問題是我如何追加到窗體也?

+1

也許我失去了一些東西,但你不只是需要做 $( 'div.ui-對話框的buttonpane')appendTo($(。 '形成')); – TommyBs

+0

jup它做了技巧thx。 –

回答

1

不幸的是,如果頁面上有多個對話框,TommyB的解決方案(在問題的評論中)將不起作用。

相反,這樣做:

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