Query dialog 基本語法

JQuery dialog 基本語法

寫法1

$("#myDialog").dialog({
    resizable: false,
    height: "auto",
    width: 800,
    modal: true,
    buttons: {
        "OK": function() {
            // 這裡是 OK 按鈕的功能
        },
        "Cancel": function() {
            $(this).dialog("close");
        }
    },
    open: function() {
        // 當對話框打開時，為對話框添加 keydown 事件處理器
        $(this).keydown(function(event) {
            // 如果按下的是 Enter 鍵，則阻止其預設行為
            if (event.keyCode === 13) {
                event.preventDefault();
            }
        });
    }
});

寫法2

$("#myDialog").dialog({
    resizable: false,
    height: "auto",
    width: 800,
    modal: true,
    buttons: {
        "OK": myDialog_OK,
        "Cancel": myDialog_Cancel
    },
    open: function() {
        // 當對話框打開時，為對話框添加 keydown 事件處理器
        $(this).keydown(function(event) {
            // 如果按下的是 Enter 鍵，則阻止其預設行為
            if (event.keyCode === 13) {
                event.preventDefault();
            }
        });
    }
});

function myDialog_OK()
{
  // 這裡是 OK 按鈕的功能
}

function myDialog_Cancel()
{
  $(this).dialog("close");
}