如何在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');
    }
  }]
});