jQueryUIで複数ボタンのダイアログ実装試作

gistfile1.txt

export module MyDialog {

    export interface Button {
        text: string,
        method(): void
    }

    export function confirm(title: string, buttons: Button[]): void {
        let button_set: any = {};
        for (let button of buttons) {
            button_set[button.text] = (function () {
                button.method();
                $(this).dialog("close");
            });
        }

        var dialog = $("#dialog");
        dialog.dialog({
            autoOpen: false,
            title: title,
            modal: true,
            buttons: button_set,
        });
    }
}


$(document).ready(function () {
    let buttons: dialog.MyDialog.Button[] = [
        {
            text: "confirm", method: (function () {
            alert("test");
        })
        },
        {
            text: "confirm2", method: (function () {
            alert("test2");
        })
        },
        {
            text: "confirm3", method: (function () {
            alert("test3");
        })
        },
        {
            text: "Cancel", method: (function () {
        })
        }
    ];

    dialog.MyDialog.confirm("title", buttons);

    var button = document.getElementById("button");
    button.addEventListener("click", function () {
        $('#dialog').dialog('open');
    });
});