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