Question

我正在使用模态对话框，我可以将模板中的数据放在模态对话框中吗？像文本框值，或下拉列表值？我怎么能这样做？

模态对话框代码：

var isConfirmed = false;
                $('form').submit(function(e) {
                    var dialog = $("#dialog");
                    if ($("#dialog").length == 0) {
                        dialog = $('<div id="dialog" style="display:hidden"> Los datos ingresados son:</div>').appendTo('body');
                    }
                    dialog.load(

                        $("#dialog").dialog({
                            close: function(event, ui) {
                                dialog.remove();
                            },
                            resizable: false,
                            //height: 140,
                            //width: 460
                            modal: true,
                            buttons: {
                                "Ok": function() {
                                    $(this).dialog("close");
                                    isConfirmed = true;
                                    $("form").submit();
                                },
                                Cancel: function() {
                                    $(this).dialog("close");
                                }
                            }
                        })
                    );
                    if (isConfirmed)
                        return true;
                    else {
                        e.preventDefault();
                        return false;
                    }
                });

Answer 1

使用您当前使用的相同步骤将对话框附加到页面。你正在使用它：

dialog = $('<div id="dialog" style="display:none"> Los datos ingresados son:</div>').appendTo('body');

（注意：您使用的是display:hidden，这是无效的。已更改为上面的display:none。）

同样，你可以这样做：

$('<div id="dialog_content">Whatever you want inside the dialog</div>').appendTo(dialog);

Answer 2

使用

dialog.data('yourDataKey', 'yourData')

如果对话框存在

，则更改您的检查

if (dialog.length == 0) {
    dialog = $('<div id="dialog" style="display:hidden"> Los datos ingresados son:</div>').appendTo('body');
}

Answer 3

由于对话框方法附加到某种元素 - 通常是div - 您可以在该div中放置任何您想要的内容。以下是文档中的示例：

<script>
$(function() {
    $( "#dialog" ).dialog();
});
</script>



<div class="demo">

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

该段落位于与该方法绑定的div中。

将数据添加到模态对话框

3 个答案: