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

news/2024/7/24 5:22:47

(一). 概述

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

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

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

(二). 运行如图

  

(三). 用法

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

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

       的控件到设计器中, 比如:     1 /// 


  2     /// Author: [ ChengKing(ZhengJian) ] 
  3     /// Blog:   Http://blog.csdn.net/ChengKing
  4     /// Date:   2007/4/3
  5     /// 

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

 

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

1 <div>
2    <asp:GridView ID="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

 

 

 

 

 

 

 



http://www.niftyadmin.cn/n/3658111.html

相关文章

Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]

(一). 概述1. 实现GridView表头固定表体滚动效果2. 继承GridView的所有功能, 增加扩展功能, 表体滚动功能; 不需要另外加辅助滚动控件, 如.3. 支持多行表头滚动, 此控件能够自动检测到使用者增加的表头的行数. 准确的实现表头滚动.有增加GridView多表头实现方案, 请看[多表头自…

Asp.net 2.0 自定义控件开发[实现自动计算功能(AutoComputeControl)][示例代码下载]

(一). 概述 业余时间做了一个非常有用的控件, 介绍一下. 一般当我们要实现这样一个计算功能页面: TextBox1(单价) * TextBox2(数量) TextBox3(总和); 并且当在TextBox1或TextBox2中输入数据, 鼠标离开时, TextBox3控件能够即时重…

python项目经验

项目编排心得 写一个庞大的项目时&#xff0c;可以把model和其它设置所需参数&#xff0c;集中到一个config file&#xff0c;在主程序读取该file并作为一个字典变量自始至终传递&#xff0c;就避免了过多的参数传递&#xff0c;而且把所有函数的参数细节用一个很轻松简洁的方…

Asp.net 2.0自定义控件(点击HyperLink后执行事件)[网友问题: DataList里HyperLink控件激发事件,在哪定义?]

(一). 概述HyperLink默认没有Click事件, 重写了一个HyperLink自定义控件.实现原理: 默认Hyperlink是跳到点击请求的页面, 本HyperLink自定义控件最终也是跳转到请求的页面, 但期间执行了自己的一个方法, 我们可以在此方法中添写自己所需的功能.本示例演示统计此超链接点击次数…

Mysql同步到ES时date和time字段类型转换问题解决办法

这个问题中发生问题的es字段映射类型为date类型&#xff01;&#xff01;&#xff01; 字符串类型的会好很多&#xff0c;关键我这边是通过logstash生成索引&#xff0c;并且全量同步的&#xff0c;不好改索引类型&#xff01;&#xff01;&#xff01; 问题描述&#xff1a; …

Asp.net 2.0 自定义控件开发专题[详细探讨页面状态(视图状态和控件状态)机制及其使用场景](示例代码下载)

(一). 概述 最近研究了一下Asp.net页面存储状态机制, 看了些资料, 进行一下汇总. Web 应用程序是无状态的。每次从服务器请求网页时&#xff0c;都会创建网页类的一个新实例。这通常意味着在每次往返过程中将会丢失所有与该页面及其控件关联的信息. 因此页面…

各种梯度模板

一阶差分的定义&#xff1a;直接差分算子&#xff1a;Robert交叉梯度算子&#xff1a;sobel算子&#xff1a;二阶差分&#xff1a;拉普拉斯