JQuery UI Dialog buttons用法及代码示例

用法:

buttons

类型：Object 或 Array

默认：[]

指定应在对话框上显示哪些按钮。回调的上下文是对话框元素；如果您需要访问按钮，它可用作事件对象的目标。

支持多种类型：

Object：键是按钮标签，值是单击关联按钮时的回调。
Array：数组的每个元素都必须是一个对象，定义了要在按钮上设置的属性、属性和事件处理程序。此外，一键icon可以用来控制Button icon, 和一个键showText可以用来控制按钮的 text 选项.

代码示例：

使用指定的 buttons 选项初始化对话框：

$( ".selector" ).dialog({
  buttons: [
    {
      text: "Ok",
      icon: "ui-icon-heart",
      click: function() {
        $( this ).dialog( "close" );
      }
 
      // Uncommenting the following line would hide the text,
      // resulting in the label being used as a tooltip
      //showText: false
    }
  ]
});

初始化后获取或设置buttons选项：

// Getter
var buttons = $( ".selector" ).dialog( "option", "buttons" );
 
// Setter
$( ".selector" ).dialog( "option", "buttons", 
  [
    {
      text: "Ok",
      icon: "ui-icon-heart",
      click: function() {
        $( this ).dialog( "close" );
      }
 
      // Uncommenting the following line would hide the text,
      // resulting in the label being used as a tooltip
      //showText: false
    }
  ]
);

相关用法

注：本文由纯净天空筛选整理自jqueryui.com大神的英文原创作品 Dialog buttons。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。