asp.net 代码动态显示html
时间: 2023-11-14 12:29:00 浏览: 201
一个动态的心形html代码
在ASP.NET中,可以使用以下代码动态显示HTML:
首先,你需要在后端代码中创建一个DataTable对象,用于保存数据。可以使用下面的代码创建一个空的DataTable:
DataTable dt = new DataTable();
然后,你需要根据需要,向DataTable对象中添加列。可以使用以下代码添加列:
dt.Columns.Add("列名1");
dt.Columns.Add("列名2");
// 添加更多的列...
接下来,你可以在按钮的点击事件中,从数据库中获取数据,并将数据添加到DataTable中。可以使用以下代码实现:
protected void Button_click(object sender, EventArgs e)
{
// 从数据库中获取数据
// 将数据添加到DataTable中
DataRow dr = dt.NewRow();
dr["列名1"] = "数据1";
dr["列名2"] = "数据2";
// 添加更多的数据...
dt.Rows.Add(dr);
}
最后,你需要将DataTable中的数据动态显示在HTML表格中。可以使用以下代码实现:
foreach(DataRow row in dt.Rows)
{
HtmlTableRow tr = new HtmlTableRow();
foreach(DataColumn col in dt.Columns)
{
HtmlTableCell td = new HtmlTableCell();
td.InnerText = row[col.ColumnName].ToString();
tr.Cells.Add(td);
}
tabledemo.Rows.Add(tr);
}
在上面的代码中,tabledemo是前端HTML中table标签的id,通过runat="server"可以使其在后端代码中可访问。
这样,当点击按钮后,获取到的数据会动态添加到HTML的表格中显示出来。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
阅读全文