asp.net自定义控件
回发星级控件
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自定义控件的更多相关文章
- asp.net 自定义控件
在Visual Studio中,所有的ASP.NET 2.0控件都是自定义控件,创建自己的自定义控件一般需要完成以下三步.(1)在站点APP_Code下创建一个新类:(2)修改这个类,让它成为WebC ...
- ASP.NET自定义控件组件开发 第五章 模板控件开发
原文:ASP.NET自定义控件组件开发 第五章 模板控件开发 第五章 模板控件开发 系列文章链接: ASP.NET自定义控件组件开发 第一章 待续 ASP.NET自定义控件组件开发 第一章 第二篇 接 ...
- ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl
原文:ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 第四章 组合控件开发CompositeControl 大家好,今天我们来实现一个自定义的控件,之前我们已经 ...
- ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 后篇 --事件冒泡
原文:ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 后篇 --事件冒泡 CompositeControl 后篇 --事件冒泡 系列文章链接: ASP.NET ...
- ASP.NET自定义控件组件开发 第三章 为控件添加事件 前篇
原文:ASP.NET自定义控件组件开发 第三章 为控件添加事件 前篇 第三章 为控件添加事件 好了,我们之前以前开发一个控件.而且也添加了属性,开发也很规范,但是那个控件还差最后一点:添加事件. 系列 ...
- ASP.NET自定义控件组件开发 第三章 为控件添加事件 后篇
原文:ASP.NET自定义控件组件开发 第三章 为控件添加事件 后篇 第三章 为控件添加事件 后篇 前一篇文章只是简单的说了下事件,但是大家应该方法,在ASP.NET自定义控件中只是简单那么定义事件是 ...
- ASP.NET自定义控件组件开发 第一章 第三篇
原文:ASP.NET自定义控件组件开发 第一章 第三篇 第三篇:第一章的完结篇 系列文章链接: ASP.NET自定义控件组件开发 第一章 待续 ASP.NET自定义控件组件开发 第一章 第二篇 接着待 ...
- ASP.NET自定义控件组件开发 第二章 继承WebControl的自定义控件
原文:ASP.NET自定义控件组件开发 第二章 继承WebControl的自定义控件 第二章 继承于WebControl的自定义控件 到现在为止,我已经写了三篇关于自定义控件开发的文章,很感谢大家的支 ...
- ASP.NET自定义控件组件开发 第一章 第二篇 接着待续
原文:ASP.NET自定义控件组件开发 第一章 第二篇 接着待续 ASP.NET自定义控件组件开发 第一章 第二篇 接着待续 很感谢大家给我的第一篇ASP.NET控件开发的支持!在写这些之前,我也看了 ...
- ASP.NET自定义控件组件开发 第一章 待续
原文:ASP.NET自定义控件组件开发 第一章 待续 第一章:从一个简单的控件谈起 系列文章链接: ASP.NET自定义控件组件开发 第一章 待续 ASP.NET自定义控件组件开发 第一章 第二篇 接 ...
随机推荐
- [转]MyEclipse for Spring2014破解
转至:http://blog.my-eclipse.cn/myeclipse-2014-crack.html 一.安装完成MyEclipse2014(适用于2013等版本)后,不要打开软件,下载破解附 ...
- fixed 定位 苹果手机输入框触发时内容全部隐藏
问题出现在东钿微信公众号用户注册页面 页面中只有两个输入框 页面没有超过一屏,悬浮按钮也要出现在本页面 ,开始布局页面的时候没什么问题,然后我在我自己手机上测试 ,输入手机号码,非常奇怪的问题出现了, ...
- 根据powerdesigner的OO模型生成C#代码
2007-05-15 08:34:11| 分类: 转贴部分 | 标签:学习帖子 |字号 订阅 习惯了用Powerdesigner设计数据库模型,XDE设计类图.因此我一般的设计方法是用PD做分析模 ...
- 读取AD模拟分量
//EEPROM数据保存---------------------- #include <EEPROM.h> #define EEPROM_write(address, p) {int i ...
- java 搭建webservice服务+testclient測试
整理别人的日志: 一.什么是webservice 一种构建应用程序的普遍模型,能够在不论什么支持网络通信的操作系统中执行.一种新的web应用程序分支,能够公布.定位通过web调用.它是一个应用组件,为 ...
- 我所经历的SAP选型
这是一个失败的选型项目,而且在可遇见的未来公司也不会再经历SAP选型,甚至不会再启动erp项目,个中原因很难一言道尽,在此简要的说说我们的选型过程以及在选型过程中对各种因素的考虑. 一.重启选型工作七 ...
- 【转】Dancing Links精确覆盖问题
原文链接:http://sqybi.com/works/dlxcn/ (只转载过来一部分,全文请看原文,感觉讲得很好~)正文 精确覆盖问题 解决精确覆盖问题 舞蹈步骤 效率分析 ...
- [WebGL] Setting Up WebGL
In this lesson we cover setting up WebGL for use, including creating a canvas, getting the WebGL ren ...
- [AngularJS] New in Angular 1.3 - Performance Boost with debugInfoEnabled
By default, Angular provides a lot of debug information on the DOM that's only necessary for tools l ...
- 贪心算法(Greedy Algorithm)之最小生成树 克鲁斯卡尔算法(Kruskal's algorithm)
克鲁斯卡尔算法(Kruskal's algorithm)是两个经典的最小生成树算法的较为简单理解的一个.这里面充分体现了贪心算法的精髓.大致的流程能够用一个图来表示.这里的图的选择借用了Wikiped ...