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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。