您的位置:首页 > Web前端 > HTML

在后台代码中控制HTML页面标记属性

2005-08-23 16:42 435 查看
工作中用到的一个小技巧。比如想控制页面上某个<div>标记的宽高等属性,能够根据数据库读取到的数据多少,自动变化。

在页面中,先给<div>标记添加id和runat属性,
<div id="div1" runat="server">
在后台代码中,声明变量
protected System.Web.UI.HtmlControls.HtmlGenericControl div1;
之后就可以随便怎么玩了。比如我在项目中一般是这样用的:
private void BindDetail()
{
this.dgDetail.DataSource = this.dsDetail.Tables[0];
this.dgDetail.DataBind();
this.div1.Style["height"] = Convert.ToString((this.dgDetail.Items.Count + 2) * 25 - 5);
}
用div1.Style[] 来设置页面标记div1的各种属性。

还有一个比较常用的是<tr><td>标记,经常要根据某个状态值,显示不同的数据。
在页面中,添加id和runat属性:
<tr height="18" id="trBank" runat="server">
<tr height="18" id="trMail;" runat="server">
在后台代码中,声明变量
protected System.Web.UI.HtmlControls.HtmlTableRow trBank;
protected System.Web.UI.HtmlControls.HtmlTableRow trMail;

if (.....)
{ //显示trBank的数据,隐藏trMail的
this.trBank.Style["Display"] = "";
this.trMail1.Style["Display"] = "none";
}
else
{ //显示trMail的
this.trBank.Style["Display"] = "none";
this.trMail1.Style["Display"] = "";
}

小技巧,都是页面处理的。
至于具体某个HTML页面标记对应的哪个变量声明,一般可以在输入完
protected System.Web.UI.HtmlControls.
后,从弹出的自动选择中找找,都比较简单明白。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐