Question

我是JQUERY的新手。我对话框有问题。

1）我想在JQUERY POP上显示动态HTML表格。（如何实现plz建议！）

2）以下Jquery对话框自动关闭。

 $(function () {
    $("#dialog").dialog({
        modal: true,
        buttons: {
            "Ok": function () {
                $(this).dialog("close");
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        }
    });
});

请帮忙。

Answer 1

试试这个：

打开对话框

<div id="dialog" style="display: none;"></div>

<script type="text/javascript">
    $(document).ready(function () {

        function createTable() {

            mytable = $('<table></table>').attr({ id: "basicTable" });
            var rows = new Number("3");
            var cols = new Number("3");
            var tr = [];
            for (var i = 0; i < rows; i++) {
                var row = $('<tr></tr>').attr({ class: ["class1", "class2", "class3"].join(' ') }).appendTo(mytable);
                for (var j = 0; j < cols; j++) {
                    $('<td></td>').text("text1").appendTo(row);
                }

            }
            //console.log("TTTTT:" + mytable.html());
            mytable.appendTo("#dialog");

        }

        $("#dialog").dialog({
            autoOpen: false,
            open: function (event, ui) {
                createTable();
            }
        });


        $('#btnclick').click(function () {
            //$("#inputtext").after('<input type="text">');
            $("#dialog").dialog("open");

        });
    });


</script>

Jquery对话框中的动态表

1 个答案: