ASP.NET自定义控件 第五天 真正可以评分的星级控件
st()
{
HtmlGenericControl ul = new HtmlGenericControl("ul");
ul.ID = "ulist";
ul.Attributes.Add("class", "ulist");
for (int i = 0; i < 5; i++)
{
HtmlGenericControl li = new HtmlGenericControl("li");
li.Attributes.Add("value", (i + 1).ToString());
ul.Controls.Add(li);
}
return ul;
}
3.10 重写Render方法呈现控件,该方法调用了PrepareControlForReader方法 : protected override void Render(HtmlTextWriter writer) { PrepareControlForRender(); base.Render(writer); } 3.11 实现PrepareControlForRender,在该方法中按照控件层次取出列表中的 列表项并注册JavaScript事件: private void PrepareControlForRender() { if (this.Controls.Count < 1) return; Table table = (Table)this.Controls[0]; table.CellSpacing = 0; table.CellPadding = 0; TableCell cell = table.Rows[0].Cells[1]; Panel panCur = (Panel)cell.Controls[0].Controls[1]; Panel panChange = (Panel)panCur.Controls[0]; HtmlGenericControl ul = (HtmlGenericControl)cell.Controls [0].Controls[0]; for (int i = 0; i < ul.Controls.Count; i++) { HtmlGenericControl li = (HtmlGenericControl)ul.Controls[i]; li.Attributes.Add("onmouseover", "document.getElementById(''" + panChange.ClientID + "'').style.width=''" + 16 * (i + 1) + "px'';"); li.Attributes.Add("onmouseout", "document.getElementById(''" + panChange.ClientID + "'').style.width=''0px'';"); li.Attributes.Add("onclick", Page.ClientScript.GetPostBackClientHyperlink(this, (i + 1).ToString ())); } } 可以看到在列表项的点击事件(onclick)中触发了服务器回发,这里是通过 Page.ClientScript.GetPostBackClientHyperlink方法完成的,该方法传递两个 参数,第一个参数引用引起回发的服务器控件,第二个参数标识回发时传递的参 数,这里传递了星形图案的索引。 为什么不在创建列表的同时注册JavaScript脚本,这是由于在 CreateChildControls方法执行时,各服务器端控件的ClientID尚未生成,此时注 册的脚本在客户端操作时会发生错误。3.12 为了能够触发事件,首先编写事件参数类StarEventArgs,该类定义了 Score属性保存得分: public class StarEventArgs : EventArgs { public int Score { get; set; } } 3.13 在PostStar中声明事件属性,注意这里和上次任务不同,将事件声明为 私有字段并通过属性暴露出来(相比以前的用法更推荐使用这种用法): private event EventHandler<StarEventArgs> _postScore; public event EventHandler<StarEventArgs> PostScore { add { _postScore += value; } remove { _postScore -= value; } } 3.14 编写OnPostScore方法调用事件并从控件层次中取得相应的层以固定得分 显示: private void OnPostScore(object sender, StarEventArgs e) { if (_postScore != null) _postScore(sender, e); TableCell cell = ((Table)this.Controls[0]).Rows[0].Cells[1]; Pan |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |