Set jQuery UI dialog button id?

Question

Is it possible to set the ID for the buttons in a jQuery UI dialog, so that I can refer to them later through jQuery? For example, trigger events, disable etc?

... 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

Or you can do it as an array:

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

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