Hinzufügen einer Schaltfläche zu einem Dialogfeld dynamisch

Question

Gibt es eine Möglichkeit, eine Schaltfläche zu einem Dialogfeld in jquery ui dynamisch hinzuzufügen.

Ich versuchte mit: $ (this) .add ("button");

Answer 1

befindet sich direkt auf der jQuery UI-Seite für Dialog Diese beantwortet ... http://jqueryui.com/demos/dialog/ (klicken Sie auf "Optionen", dann auf den Link für "Buttons")

"Get oder die Tasten Option, nach der init gesetzt". ..

$(".selector").dialog("option", "buttons", { 
"Ok": function() { $(this).dialog("close"); } 
}); 

fügen Sie einfach den entsprechenden Selektor (was auch immer Element, das Sie als Dialog verwenden), und Sie sollten gut zu gehen.

Answer 2

Sie können jQuery html() verwenden, einige HTML-Code in Ihre Dialog

Ex hinzuzufügen. $ ('# your-Dialog-id') html ('');

Weitere Informationen: http://api.jquery.com/html/

Answer 3

Manchmal wollen Sie später auch die Schaltflächen hinzuzufügen.

var mydialog = ... result of jqueryui .dialog() 
var buttons = mydialog.dialog("option", "buttons"); // getter 
$.extend(buttons, { foo: function() { alert('foo'); } }); 
mydialog.dialog("option", "buttons", buttons); // setter