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

时间:2015-12-31 17:47:54

标签: c# asp.net placeholder

我想在图像预览列下的注册表中添加占位符2。我正在获取图像路径值,但我无法显示该图像的预览。图像路径存储在数据库中。

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

1 个答案:

答案 0 :(得分:0)

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

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

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

在这里,您可以从Database值动态添加 src ,并将其添加到td元素中。