如何在表格单元格asp.net c#中添加占位符？答案

【问题标题】：How to add placeholder inside table cell asp.net c#?如何在表格单元格asp.net c#中添加占位符？
【发布时间】：2016-04-05 15:06:26
【问题描述】：

我想在图像预览列下的注册表中添加 placeholder2。我正在获取图像路径值，但我无法显示该图像的预览。图片路径保存在数据库中。

if (!this.IsPostBack)
    {
        DataTable dt = this.GetData();
        StringBuilder html = new StringBuilder();
        html.Append("<div class='container'>");
        html.Append("<div class='table-responsive'>");
        html.Append("<table class='table table-striped table-bordered'>");
        html.Append("<thead>");
        html.Append("<tr style='color:Crimson'>");
        html.Append("<th>First Name</th>");
        html.Append("<th>Surname</th>");
        html.Append("<th>Birth Date</th>");
        html.Append("<th>Birth Month</th>");
        html.Append("<th>Birth Year</th>");
        html.Append("<th>Gender</th>");
        html.Append("<th>ID Card Path</th>");
        html.Append("<th>Image Preview</th>");
        html.Append("<th>Approve \\ Reject</th>");
        html.Append("</tr>");
        html.Append("</thead>");
        html.Append("<tbody>");
        foreach (DataRow row in dt.Rows)
        {
            html.Append("<tr style='color:RoyalBlue'>");
            foreach (DataColumn column in dt.Columns)
            {
                html.Append("<td>");
                html.Append(row[column.ColumnName]);
                html.Append("</td>");

            }
            string path = row["IDCardUpload"].ToString();

            html.Append("<td>");

            Image img = new Image();
            img.ImageUrl = path;
            img.Width = 100;
            img.Height = 100;
            PlaceHolder2.Controls.Add(img);

            html.Append("</td>");  

            html.Append("<td align='center'>");
            html.Append("<button type='button' class='btn-success btn-s'>Approve</button> &nbsp; &nbsp; &nbsp;");
            html.Append("<button type='button' class='btn-danger btn-sm'>Reject</button>");
            html.Append("</td>");

            html.Append("</tr>");
        }
        html.Append("</tbody>");
        html.Append("</table>");
        PlaceHolder1.Controls.Add(new Literal { Text = html.ToString() });
        html.Append("</div>");
        html.Append("</div>");
    }
}

private DataTable GetData()
{
    string constr = ConfigurationManager.ConnectionStrings["RegistrationConnectionString"].ConnectionString;
    using (SqlConnection con = new SqlConnection(constr))
    {
        using (SqlCommand cmd = new SqlCommand("SELECT FirstName,Surname,BirthdayDay,BirthdayMonth,BirthdayYear,Gender,IDCardUpload FROM Registration"))
        {
            using (SqlDataAdapter sda = new SqlDataAdapter())
            {
                cmd.Connection = con;
                sda.SelectCommand = cmd;
                using (DataTable dt = new DataTable())
                {
                    sda.Fill(dt);
                    return dt;
                }
            }
        }
    }
}

我想在图像预览栏下显示图像缩略图。请帮忙。

使用这段代码我的输出是这样的

Output

【问题讨论】：

您似乎选择了最困难、最复杂的方式来完成一项任务。您可以使用 GridView，或 asp:Table，甚至是原始 HTML 标记，这样会更简单。而且您仍然可以自定义决赛桌。

标签： c# asp.net placeholder

【解决方案1】：

在您的代码中，您在 HTML 中有一些某些控件，而其他控件是使用占位符或 .net 类 添加的。您可以使用 System.Web.UI.WebControls 命名空间中的TableCell、TableRow 和其他类来针对类编写代码。无论哪种方式，您都需要在使用所有 HTML 或使用所有类时保持一致。

但是，如果您需要使用内联 html，那么您也可以在表格单元格中使用图像 HTML 标记 (Img)。

<img src="yourimagePath.gif" height="50px" width="50px">

在这里，您可以从数据库值中动态添加 src 并将其添加到 td 元素中。

【讨论】：