// 拒絕審批通過
function rejectApproval() {
    // 建立填寫審批意見對話方塊
    $("<div id='reject-comment'> </div>").dialog({
        title: '請填寫拒絕審批通過意見',
        closable: true,
        width: 350,
        height: 250,
        content: "<textarea id='input-comment' />",
        buttons: [{
            text: '確定'
 
,
            iconCls: 'icon-ok',
            handler: function () {
                if (canEdit == true) {
                    var year = parseInt($('#queryYear').numberbox('getValue'));
                    var month = parseInt($('#queryMonth').numberbox('getValue'));
                    var comment = $('#input-comment'
 
).val();

                    // 審批意見可能較長，不適合拼接在url中，使用表單傳輸
                    var fd = new FormData();
                    fd.append("comment", comment);

                    // 後臺處理資料時先顯示一個提示框，防止使用者多次點選【儲存】重複提交資料
                    $.messager.progress({
                        title: '提示',
                        msg: '正在儲存，請稍候……'
 
,
                    });

                    $.ajax({
                        type: "delete",
                        url: '/api/Approval?year=' + year + '&month=' + month,
                        processData: false,
                        contentType: false,
                        data: fd,
                        success: function (data) {
                            if (!data.State) {
                                $.messager.alert('錯誤', data.Data, 'warning');
                            } else {
                                $('#dg').datagrid('reload');
                                editRow = -1;
                                $('#reject-comment').dialog('destroy');
                            }

                            $('#dg').datagrid('unselectAll');
                        },
                        error: function () {
                            $.messager.alert('警告', data.Data, 'info');
                            $('#dg').datagrid('unselectAll');
                        }
                    });
                }
            }
        }, {
            text: '取消',
            iconCls: 'icon-cancel',
            // 點選“取消”按鈕，銷燬對話方塊
            handler: function () {
                $('#reject-comment').dialog('destroy');
            }
        }],
        // 點選右上角的“X”圖示時
        onClose: function () {
            $(this).dialog('destroy');
        }
    });
}

介面是醬紫滴……

PS：記幾個 dialog 的用法

• 獲取 dialog 寬高

$('#dlg').dialog('panel').width();
$('#dlg').dialog('panel').height();

• 更改 dialog 的彈出位置
  在彈出 dialog 的時候不用 $('#dialogDiv').dialog('open'); 開啟。用 $('#dialogDiv').window('open'); 開啟。再用 window 的 resize 方法重新佈局即可。

var top = 200;
var left = window.innerWidth / 2 - $('#dlg').dialog('panel').width() / 2;
$('#dialogDiv').window('open').window('resize',{width:'250px', height:'500px', top: top, left: left});