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