回发星级控件

using System;
using System.ComponentModel;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls; namespace ControlLibrary
{
public class PostStar : WebControl, IPostBackEventHandler, INamingContainer
{
private event EventHandler<StarEventArgs> _postScore; public event EventHandler<StarEventArgs> PostScore
{
add
{
_postScore += value;
}
remove
{
_postScore -= value;
}
} private void OnPostScore(object sender, StarEventArgs e)
{
if (_postScore != null)
_postScore(sender, e); TableCell cell = ((Table)this.Controls[]).Rows[].Cells[];
Panel panCur = (Panel)cell.Controls[].Controls[];
panCur.Style.Add("width", e.Score * + "px");
Panel panChange = (Panel)panCur.Controls[];
panChange.Style.Add("display", "none");
HtmlGenericControl ul = (HtmlGenericControl)cell.Controls[].Controls[];
ul.Style.Add("display", "none"); } [DefaultValue()]
public int Score
{
get
{
object obj = ViewState["Score"];
return obj == null ? : Convert.ToInt32(obj);
}
internal set
{
ViewState["Score"] = value;
}
} public string Comment
{
get
{
object obj = ViewState["Comment"];
return obj == null ? string.Empty : Convert.ToString(obj);
}
set
{
ViewState["Comment"] = value;
}
} protected override void CreateChildControls()
{
base.CreateChildControls(); CreateControlHierarchy();
} protected virtual void CreateControlHierarchy()
{
Table table = new Table();
TableRow row = new TableRow();
table.Rows.Add(row);
TableCell comment = new TableCell();
CreateComment(comment);
row.Cells.Add(comment); TableCell stars = new TableCell(); CreateStars(stars); row.Cells.Add(stars); this.Controls.Add(table);
} /// <summary>
/// 向单元格中创建注释标签
/// </summary>
/// <param name="cell">单元格对象</param>
private void CreateComment(TableCell cell)
{
cell.Text = Comment;
} /// <summary>
/// 向单元格中创建星形图案
/// </summary>
/// <param name="cell"></param>
private void CreateStars(TableCell cell)
{
RegisterCSS(); string starPath = Page.ClientScript.GetWebResourceUrl(this.GetType(), "ControlLibrary.Image.stars.gif"); Panel panBg = CreateBackPanel(starPath); cell.Controls.Add(panBg); Panel panCur = CreateCurrentPanel(starPath);
Panel panChange = CreateChangePanel(starPath);
HtmlGenericControl ul = CreateList(); panBg.Controls.Add(ul); panBg.Controls.Add(panCur);
panCur.Controls.Add(panChange);
} private void RegisterCSS()
{
string css = Page.ClientScript.GetWebResourceUrl(this.GetType(), "ControlLibrary.CSS.star.css"); HtmlLink link = new HtmlLink();
link.Href = css;
link.Attributes.Add("rel", "stylesheet");
link.Attributes.Add("type", "text/css"); Page.Header.Controls.Add(link);
} private Panel CreateBackPanel(string starPath)
{
Panel panBg = new Panel(); panBg.ID = "divBg";
panBg.Style.Add(HtmlTextWriterStyle.BackgroundImage, starPath); panBg.CssClass = "stars"; return panBg;
} private Panel CreateCurrentPanel(string starPath)
{
Panel panCur = new Panel(); panCur.ID = "divCur";
panCur.Style.Add(HtmlTextWriterStyle.BackgroundImage, starPath);
panCur.CssClass = "current"; return panCur;
} private Panel CreateChangePanel(string starPath)
{
Panel panChange = new Panel(); panChange.ID = "divChange";
panChange.Style.Add(HtmlTextWriterStyle.BackgroundImage, starPath); panChange.CssClass = "change"; return panChange;
} private HtmlGenericControl CreateList()
{
HtmlGenericControl ul = new HtmlGenericControl("ul"); ul.ID = "ulist"; ul.Attributes.Add("class", "ulist"); for (int i = ; i < ; i++)
{
HtmlGenericControl li = new HtmlGenericControl("li");
li.Attributes.Add("value", (i + ).ToString()); ul.Controls.Add(li);
} return ul;
} public void RaisePostBackEvent(string args)
{
if (!string.IsNullOrEmpty(args))
{
EnsureChildControls(); int score = Convert.ToInt32(args); StarEventArgs e = new StarEventArgs();
e.Score = score; OnPostScore(this, e);
}
} protected override void Render(HtmlTextWriter writer)
{
PrepareControlForRender(); base.Render(writer);
} private void PrepareControlForRender()
{
if (this.Controls.Count < )
return; Table table = (Table)this.Controls[]; table.CellSpacing = ;
table.CellPadding = ; TableCell cell = table.Rows[].Cells[];
Panel panCur = (Panel)cell.Controls[].Controls[];
Panel panChange = (Panel)panCur.Controls[];
HtmlGenericControl ul = (HtmlGenericControl)cell.Controls[].Controls[]; for (int i = ; i < ul.Controls.Count; i++)
{
HtmlGenericControl li = (HtmlGenericControl)ul.Controls[i];
li.Attributes.Add("onmouseover", "document.getElementById('" + panChange.ClientID + "').style.width='" + * (i + ) + "px';");
li.Attributes.Add("onmouseout", "document.getElementById('" + panChange.ClientID + "').style.width='0px';");
li.Attributes.Add("onclick", Page.ClientScript.GetPostBackClientHyperlink(this, (i + ).ToString()));
}
}
} public class StarEventArgs : EventArgs
{
public int Score
{
get;
set;
}
}
}

页面调用:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<cc:PostStar ID="star" runat="server" Comment="Windows XP" OnPostScore="star_PostScore" />
<br />
<cc:PostStar ID="star2" runat="server" Comment="VISTA" OnPostScore="star_PostScore" />
</div>
</form>
</body>
</html>

后台:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; public partial class PostStarTest : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{ } protected void star_PostScore(object sender, ControlLibrary.StarEventArgs e)
{
Response.Write(e.Score);
}
}

结果:

更多自定义控件的源代码

http://www.cnblogs.com/liuwj/admin/Files.aspx

asp.net自定义控件的更多相关文章

  1. asp.net 自定义控件

    在Visual Studio中,所有的ASP.NET 2.0控件都是自定义控件,创建自己的自定义控件一般需要完成以下三步.(1)在站点APP_Code下创建一个新类:(2)修改这个类,让它成为WebC ...

  2. ASP.NET自定义控件组件开发 第五章 模板控件开发

    原文:ASP.NET自定义控件组件开发 第五章 模板控件开发 第五章 模板控件开发 系列文章链接: ASP.NET自定义控件组件开发 第一章 待续 ASP.NET自定义控件组件开发 第一章 第二篇 接 ...

  3. ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl

    原文:ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 第四章 组合控件开发CompositeControl 大家好,今天我们来实现一个自定义的控件,之前我们已经 ...

  4. ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 后篇 --事件冒泡

    原文:ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 后篇 --事件冒泡 CompositeControl  后篇 --事件冒泡 系列文章链接: ASP.NET ...

  5. ASP.NET自定义控件组件开发 第三章 为控件添加事件 前篇

    原文:ASP.NET自定义控件组件开发 第三章 为控件添加事件 前篇 第三章 为控件添加事件 好了,我们之前以前开发一个控件.而且也添加了属性,开发也很规范,但是那个控件还差最后一点:添加事件. 系列 ...

  6. ASP.NET自定义控件组件开发 第三章 为控件添加事件 后篇

    原文:ASP.NET自定义控件组件开发 第三章 为控件添加事件 后篇 第三章 为控件添加事件 后篇 前一篇文章只是简单的说了下事件,但是大家应该方法,在ASP.NET自定义控件中只是简单那么定义事件是 ...

  7. ASP.NET自定义控件组件开发 第一章 第三篇

    原文:ASP.NET自定义控件组件开发 第一章 第三篇 第三篇:第一章的完结篇 系列文章链接: ASP.NET自定义控件组件开发 第一章 待续 ASP.NET自定义控件组件开发 第一章 第二篇 接着待 ...

  8. ASP.NET自定义控件组件开发 第二章 继承WebControl的自定义控件

    原文:ASP.NET自定义控件组件开发 第二章 继承WebControl的自定义控件 第二章 继承于WebControl的自定义控件 到现在为止,我已经写了三篇关于自定义控件开发的文章,很感谢大家的支 ...

  9. ASP.NET自定义控件组件开发 第一章 第二篇 接着待续

    原文:ASP.NET自定义控件组件开发 第一章 第二篇 接着待续 ASP.NET自定义控件组件开发 第一章 第二篇 接着待续 很感谢大家给我的第一篇ASP.NET控件开发的支持!在写这些之前,我也看了 ...

  10. ASP.NET自定义控件组件开发 第一章 待续

    原文:ASP.NET自定义控件组件开发 第一章 待续 第一章:从一个简单的控件谈起 系列文章链接: ASP.NET自定义控件组件开发 第一章 待续 ASP.NET自定义控件组件开发 第一章 第二篇 接 ...

随机推荐

  1. 方差分析(ANOVA)(转)

    转自:http://blog.sciencenet.cn/blog-116082-218338.html 方差分析(analysis of variance,ANOVA),即变量分析,是对多个样本平均 ...

  2. IOS6 字体高亮显示

    ios6之前在一个字符串中如果也让某个字体高亮或者特殊显示(如: 关注[ ]),需要用单独一个的标签进行显示,或者利用CoreText进行字体绘绘制,非常麻烦: 现在IOS6 中TextView,la ...

  3. HTML5 - HTML5 postMessage API 注意事项

    一:发送 window.postMessage("Hello, world", "http://127.0.0.1:8080"); 注意,必须要加上http:/ ...

  4. 我的VisualStudio工具箱

    代码神器 ReSharper 毫无疑问,我认为R#是目前VS插件中有史以来最强大的,各种快捷生成代码的方式, 代码重构, 很多很多的快捷键支持.相比较原生VS的,VS的智能功能简直弱爆了. dimec ...

  5. BOOL,int,float,指针变量与零值比较的if语句

    1.注意这里说的是,与零值比较,而不是与零比较. 2.对于int类型,与零值比较就是: if(var == 0) //零值 3.对于bool类型,零值表示false,任何非零值表示true,因此使用: ...

  6. Cocos2d-x学习笔记(10)(CCMenu菜单)

    1.CCMenu创建方式 CCMenu* menu = CCMenu::create(cocos2d::CCMenuItem* item,--)參数为CCMenuItem菜单项的对象可变參数列表 2. ...

  7. MySQL Cluster基础知识简介以及基本参数介绍

    PS:这些资料都是以前整理的,有些有可能是在网上copy别人的,但是时间长了,记不得出处了,sorry! 在MySQL Cluster环境的配置文件config.ini里面,每一类节点都有两个(或以上 ...

  8. [MODx] 3. Working with chunks, TV, Category

    1. Add chunk: For example, replace the header by using chunk. Usage: [[$chunk_name]] Cut all the hea ...

  9. 关于IE8中使用Jquery load方法无法正常加载页面

    最近发现,在IE8中使用Jquery load方法时无法正常加载页面,页面显示空白,没有加载.调试发现,页面多了一个</div>标签,但在FF和CH下表现正常.希望能给遇到同样问题的码农有 ...

  10. iOS 2D绘图详解(Quartz 2D)之Transform(CTM,Translate,Rotate,Scale)

    前言:Quartz默认采用设备无关的user space来进行绘图,当context(画板)建立之后,默认的坐标系原点以及方向也就确认了,可以通过CTM(current transformation ...