Как добавить несколько кнопок в диалоговом окне Jquery UI?

Question

Я хотел бы иметь более одной кнопки. Я пытался скопировать код в скобках, но не работает. Идеи?

buttons: {

"Close": function() {
 $(this).dialog("close");

}

Answer 1

Создайте их, используя этот формат, 'button text': function() { } с запятой между ними, например:

$("#mydialog").dialog({
  buttons: {
    'Confirm': function() {
       //do something
       $(this).dialog('close');
    },
    'Cancel': function() {
       $(this).dialog('close');
    }
  }
});

Answer 2

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

$("#mydialog").dialog({
  buttons: [{
    text: 'Confirm',
    icons: {
        primary: "ui-icon-check"
    },
    click: function() {
       //do something
       $(this).dialog('close');
    }},{
    text: 'Cancel',
    icons: {
        primary: "ui-icon-cancel"
    },
    click: function() {
       $(this).dialog('close');
    }
  }]
});