Question

我想获取表中的一些细节并将其加载到jquery对话框中的表中。

我尝试使用html表对div id内的表进行编码，但该表未在对话框中加载。

<div id = "downloadModal" style="display:none">
<form>
<fieldset>
<table>
   <thead>
      <tr>
         <th>Action</th>
         <th>File Name</th>
         <th>File Size</th>
      </tr>
   </thead>
</table>

请提出任何建议。

Answer 1

我认为您忘了在表格之后添加。如果您通过ajax加载数据，我的建议是通过给它一个'id'将数据附加到。

Answer 2

尝试这种方式。...

<html>
    <head>
        <script>
           $(document).ready(function(){

            dialogCust = $("#custAddList").dialog({
            autoOpen: false,
            height: 200,
            width: 950,
            modal: true
        });

         $.ajax({
                type: "POST",
                url: serviceUrl ,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    if (data.length > 0) {
                        $.each(data, function (i, item) {
                            $('<tr>').append(
                                $('<td>').text(item.Name),
                                $('<td>').text(item.Code)
                            ).appendTo('#custAddList').last().after();
                        });
                        dialogCust.dialog("open");
                    } else {
                        alert("Not found address for customer.");
                    }
                },
                error: function (a, b, c) {
                    alert(c);
                }
            });
         });
        </script>
    </head>
    <body>
        <table id="custAddList">

        </table>
    </body>
</html>

如何在jQuery对话框中创建表？

2 个答案: