Asp.net 2.0 自定义控件开发[创建自定义浮动菜单FloadMenu控件][示例代码下载]

(一). 概述

1. 当鼠标悬浮到控件对象上, 会弹出此自定义控件.

2. 具有通用性,只要支持 onmouseenter/onmouseleave 等几个事件方法的目标控件都可以使用此控件.

3. 此控件与前面自定义控件[右击弹出菜单]控件有些类似, 区别是这个控件客户端JavaScript部分有些麻烦.

(二). 运行如图

(三). 用法

1. 将FloatTraceMenu控件Dll添加引用到Web站点工程中

2. 从工具箱拖动一个FloatTraceMenu控件和另一个支持onmouseenter/onmouseleave 等事件

的控件到设计器中, 比如: <GridView id="GridView1" runat="server" /> <img id="img' /> 等

3. 设置FloatTraceMenu的属性指向目标控件ID, 比如: TargetControl=GridView1

4. F5运行即可

(四). 完整代码

1. 主控件FloatTraceMenu.cs代码

1///<summary>
2///Author:[ChengKing(ZhengJian)]
3///Blog:Http://blog.csdn.net/ChengKing
4///Date:2007/4/3
5///</summary>
6[DefaultProperty("TargetControl")]
7[ToolboxData("<{0}:FloatTraceMenurunat=server></{0}:FloatTraceMenu>")]
8//[Designer(typeof(System.ComponentModel.Design.DesignerCollection))]
9publicclassFloatTraceMenu:Control,IComponent
10{
11
12[Bindable(true)]
13[Category("Appearance")]
14[DefaultValue("[FloatTraceMenu\"FloatTraceMenu1\"]")]
15[Localizable(true)]
16publicstringText
17{
18get
19{
20Strings=(String)ViewState["Text"];
21return((s==null)?String.Empty:s);
22}
23
24set
25{
26ViewState["Text"]=value;
27}
28}
29
30[Bindable(true)]
31[Category("Appearance")]
32[DefaultValue("")]
33[Description("设置此控件的寄主控件")]
34[TypeConverter(typeof(ControlIDConverter))]
35publicstringTargetControl
36{
37get
38{
39Strings=(String)ViewState["TargetControl"];
40return((s==null)?String.Empty:s);
41}
42set
43{
44ViewState["TargetControl"]=value;
45}
46}
47
48protectedoverridevoidRender(HtmlTextWriterwriter)
49{
50if(DesignMode)
51{
52this.Controls.Clear();
53LiteralControllc=newLiteralControl();
54lc.Text=this.Text;
55this.Controls.Add(lc);
56}
57base.Render(writer);
58}
59
60protectedoverridevoidCreateChildControls()
61{
62base.CreateChildControls();
63}
64
65protectedoverridevoidOnPreRender(EventArgse)
66{
67
68if(!Page.ClientScript.IsClientScriptBlockRegistered("BuildMenu"))
69{
70Page.ClientScript.RegisterClientScriptBlock(this.GetType(),"BuildMenu",
71"<scripttype='text/javascript'src='JScript.js'></script>");
72}
73
74//GridView增加FloatMenu
75ControltargetControl=this.FindControl(TargetControl);
76
77//给GridView头增加FloatMenu
78//ControltargetControl=this.FindControl(TargetControl).Controls[0].Controls[0];
79
80StringBuilderstrInitScript=newStringBuilder();
81if(targetControl!=null)
82{
83strInitScript.Append("<scripttext/javascript>");
84strInitScript.Append("writeStyle();makeMenu();varobj;");
85strInitScript.Append("if(document.all&&window.print)");
86strInitScript.Append("{");
87strInitScript.Append("varobjClientId='"+targetControl.ClientID+"';");
88strInitScript.Append("if(objClientId!=null)");
89strInitScript.Append("{");
90strInitScript.Append("obj=document.getElementById(objClientId);");
91strInitScript.Append("document.onclick=forcehideMenu;");
92//strInitScript.Append("obj.onmouseover=showMenu;");
93strInitScript.Append("obj.onmouseenter=showMenu;");
94//strInitScript.Append("obj.onmouseout=hideMenu;");
95strInitScript.Append("obj.onmouseleave=hideMenu;");
96strInitScript.Append("obj.onmousemove=moveMenu;");
97strInitScript.Append("obj.oncontextmenu=showMenu;");
98strInitScript.Append("}");
99strInitScript.Append("else{alert('PleaseSetTargetControlProperty!')}");
100strInitScript.Append("}");
101strInitScript.Append("</script>");
102}
103else
104{
105strInitScript.Append("<scripttext/javascript>");
106strInitScript.Append("alert('PleaseSetTargetControlProperty!');");
107strInitScript.Append("</script>");
108}
109if(!Page.ClientScript.IsStartupScriptRegistered("InitScript"))
110{
111Page.ClientScript.RegisterStartupScript(this.GetType(),"InitScript",
112strInitScript.ToString());
113}
114
115base.OnPreRender(e);
116}
117}

2. 测试页面文件default.aspx代码

1<div>
2<asp:GridViewID="GridView1"runat="server"</asp:GridView>
3<cc1:FloatTraceMenu ID="FloatTraceMenu1"runat="server"TargetControl= "GridView1">

</cc1:FloatTraceMenu>
4</div>

(五). 示例代码下载

http://www.cnblogs.com/Files/MVP33650/自定义控件开发--[浮动工具条].rar

[扩展]可以自定义(手动编程)浮动菜单的款项

http://www.cnblogs.com/Files/MVP33650/自定义控件开发--[浮动工具条--可手动编码自定义菜单项]V2.rar

(六). 控件开发其它相关文章:

http://blog.csdn.net/ChengKing/category/288694.aspx