Imposta l'ID del pulsante di dialogo dell'interfaccia utente jQuery?

Question

È possibile impostare l'ID per i pulsanti in una finestra di dialogo dell'interfaccia utente jQuery, in modo che possa fare riferimento a loro in seguito tramite jQuery? Ad esempio, attivare eventi, disabilitare ecc.?

... in the dialog setup ... 
buttons: {    
    "Sök": function() { 
     var bValid = true; 
    }, 
    "OK": function() { 
     if (OK()) { 
      getStuffNoteringar($("#txtStuffId").val()); 
      $(this).dialog("close"); 
     } 
    } 

.... later on in some javascript code.... 

$('#OK').click(); 

Answer 1

$("#myDialog").dialog({ 
    buttons : { 
    "MyButton" : { 
     text: "OK", 
     id: "okbtnid", 
     click: function(){ 
      var bValid = true; 
     } 
     } 
    } 
}); 

Answer 2

Non attraverso il modo in cui si desidera come l'API non fornisce queste opzioni se si guarda al markup generato dalla finestra di dialogo si dovrebbe essere in grado di afferrare qualunque elementi avete bisogno e legarli come si desidera o aggiungere id a loro. Ecco il markup come si trova alla pagina di documentazione (http://jqueryui.com/demos/dialog/)

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"> 
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> 
     <span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span> 
     <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a> 
    </div> 
    <div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog"> 
     <p>Dialog content goes here.</p> 
    </div> 
</div> 

se si tratta di pulsanti all'interno il contenuto del modal allora si può fare query CSS nell'elemento modale contesto e ottenere l'accesso a loro in questo modo.

Answer 3

Oppure si può fare come un array:

$("#myDialog").dialog({ 
    buttons : [{ 
    text: "OK", 
    id: "ok", 
    click: function(){ 
     alert("clicked"); 
    } 
    }] 
}); 

http://docs.jquery.com/UI/Dialog