如何使用 JavaScript/Jquery 将包含数据的列表从 ASPX 打印到 ASPX .cs

how to print a list containing data into aspx from aspx.cs using javascript/Jquery

本文关键字:ASPX 列表 打印 cs 数据 JavaScript 何使用 Jquery 包含      更新时间:2023-09-26

aspx.cs code

protected void Page_Load(object sender, EventArgs e)
 {
            foreach (UserDetail l in liststUser)
                            {
                                UserName = l.Name;
                                Dob = l.dob;
                                gender = l.gender;
                                ScriptManager.RegisterStartupScript(this, GetType(), "print User's bio.", " PersonBlockCreator('" + UserName + "','" + Dob + "','" + gender + "');", true);
                            }
}

.aspx代码

<html>
    <head>
        <script type="text/Javascript">
            targetId = "#userData"; //Constant value, Do not change 
            BoxName = "box"; //Constant value, Do not change 
            j = 0;

            function PersonBlockCreator(UserName, Dob, gender) {
                $(targetId).append("<div class=" + BoxName + ">" + (j + 1) + "<div class='box-color'><h2>" + sSubjectName + "</h2><h5>"+Dob+"‏</h5><p>"+gender+" </p></div></div>");
                $(".tile").addClass(tileColor);
            }
        </script>
    </head>
    <body>
           <div class="Box" id="UserData">
                //each user data should be printed in an box
                //Example:
                //           ---------------   -----------
                //         | Nethan Walter | | Deen         |
                //         | 10-01-1990    | | 10-01-1990   |
                //         | Male          | | Male         |
                //          ---------------   --------------
           </div>
    </body>
</html>

如何使用 Java 脚本和 C# 或仅使用 C# 来完成此任务。 在这里,我想做的是:一个包含aspx数据的listObject(用户详细信息.cs在页面加载时打印在aspx页面中。当IM使用上面的代码时,只有第一个用户的数据被打印,其余用户的数据不会被忽略/丢弃/不打印。

您可以使用 java 脚本打印表格。我建议你将div id 传递到下面给出的函数中。

函数 PrintSummary(tableid) {

var tbl = document.getElementById(tableid);
if (tbl) {
    strPrintContent += tbl.innerHTML;
    var printWin = window.open("print.html", "printSpecial");
    printWin.document.open();
    printWin.document.write(strPrintContent);
    printWin.document.close();
    printWin.print();
}

}