0

每次单击 JQGrid 的一行时，我都试图使用 jquery.simplemodal.js JQuery 插件显示一个模式窗口。

完成后，一旦用户在模式窗口上单击“是”，我会使用从我的行中检索到的信息在 Iframe 上显示文档，如果他们单击“否”，则 Iframe 会显示一个表单来编辑与此文档相关的一些信息. 这个想法是在用户单击其中一个按钮之前将 iframe 内容保持为空白。为此，我使用 JQGrid onSelectRow 事件，如下所示：

onSelectRow: function () {

            var id = $("#tabResBusUbi").getGridParam('selrow');
            var row = $('#tabResBusUbi').jqGrid('getRowData', id);
            viewDocument = false;

            myconfirm('Open the document view?', function () {
                viewDocument = true;            
            });

             if (viewDocument) {

                $('#ifrShowPdf').ready(function () {
                    $('#divLoading').css('display', 'none');
                });

                $('#ifrShowPdf').attr('src', 'resource\\' + row.filepath);
                $('#ifrShowPdf').css('display', 'block');

            } else {
                var rnd = Math.floor(Math.random() * 11);
                $('#ifrShowPdf').attr('src', 'document.asp?r=' + rnd + '&o=d&a=a&p=' + id);
                $('#ifrShowPdf').css('display', 'block');
            }

            return false;

}

function myconfirm(message, callback) {

$('#confirm').modal({

    closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
    position: ["20%", ],
    overlayId: 'confirm-overlay',
    containerId: 'confirm-container',
    onShow: function (dialog) {

        var modal = this;
        $('.message', dialog.data[0]).append(message);

        $('.yes', dialog.data[0]).click(function () {                
            if ($.isFunction(callback)) {
                callback.apply();
                $('#confirm-overlay').css('z-index', 5000);
            }                
            modal.close(); 
        });
    }
});

}

单击该行后，模式弹出窗口以及 Iframe 都会显示编辑文档表单，即使我没有单击任何选项按钮也是如此。如果我之后单击“是”选项，则会查看文档，但这不是我打算做的。

我将不胜感激任何使这项工作的建议。

4

0 回答 0