扩展GridView控件——给数据行增加右键菜单

最新推荐文章于 2022-04-08 10:37:48 发布
最新推荐文章于 2022-04-08 10:37:48 发布
阅读量889 收藏 1
点赞数
分类专栏： .NET学习资料 文章标签： 扩展 function string asp command server
GridView既强大又好用。为了让它更强大、更好用，我们来写一个继承自GridView的控件。
[源码下载]
http://files.cnblogs.com/webabcd/yycontrols.rar

介绍
给GridView的数据行增加右键菜单可以增加用户体验，不过实现起来挺麻烦的，现在我们扩展一下GridView控件以实现这样的功能。

控件开发
1、新建一个继承自GridView的类。
///   <summary>
///  继承自GridView
 ///   </summary>
[ToolboxData( @" <{0}:SmartGridView runat='server'></{0}:SmartGridView> " )]
 public   class  SmartGridView : GridView
{
}

2、新建一个ContextMenu实体类，有六个属性
using  System;
 using  System.Collections.Generic;
 using  System.Text;

 using  System.ComponentModel;
 using  System.Web.UI;

 namespace  YYControls.SmartGridView
{
     ///   <summary>
     ///  ContextMenu 的摘要说明。
     ///   </summary>
    [ToolboxItem( false )]
     public   class  ContextMenu
    {
         private   string  _icon;
         ///   <summary>
         ///  文字左边的图标的链接
         ///   </summary>
         public   string  Icon
        {
             get  {  return  _icon; }
             set  { _icon  =  value; }
        }

         private   string  _text;
         ///   <summary>
         ///  菜单的文字
         ///   </summary>
         public   string  Text
        {
             get  {  return  _text; }
             set  { _text  =  value; }
        }

         private   string  _commandButtonId;
         ///   <summary>
         ///  所调用的命令按钮的ID
         ///   </summary>
         public   string  CommandButtonId
        {
             get  {  return  _commandButtonId; }
             set  { _commandButtonId  =  value; }
        }

         private   string  _navigateUrl;
         ///   <summary>
         ///  链接的url
         ///   </summary>
         public   string  NavigateUrl
        {
             get  {  return  _navigateUrl; }
             set  { _navigateUrl  =  value; }
        }

         private  ItemTypeCollection _itemType;
         ///   <summary>
         ///  右键菜单的项的类别
         ///   </summary>
         public  ItemTypeCollection ItemType
        {
             get  {  return  _itemType; }
             set  { _itemType  =  value; }
        }

         private  TargetCollection _target;
         ///   <summary>
         ///  链接的target
         ///   </summary>
         public  TargetCollection Target
        {
             get  {  return  _target; }
             set  { _target  =  value; }
        }


         ///   <summary>
         ///  右键菜单的项的类别
         ///   </summary>
         public   enum  ItemTypeCollection
        {
             ///   <summary>
             ///  链接
             ///   </summary>
            Link,
             ///   <summary>
             ///  按钮
             ///   </summary>
            Command,
             ///   <summary>
             ///  分隔线
             ///   </summary>
            Separator
        }

         ///   <summary>
         ///  链接的target
         ///   </summary>
         public   enum  TargetCollection
        {
             ///   <summary>
             ///  新开窗口
             ///   </summary>
            Blank,
             ///   <summary>
             ///  当前窗口
             ///   </summary>
            Self,
             ///   <summary>
             ///  跳出框架
             ///   </summary>
            Top
        }
    }
} 
3、新建一个继承自CollectionBase的类ContextMenus 

    
    

     
     

      
      using
      
       System.Collections;

      
      using
      
       System.ComponentModel;

      
      using
      
       System.Web.UI;


      
      namespace
      
       YYControls.SmartGridView
{
    
      
      ///
      
       
      
      <summary>
      
      
    
      
      ///
      
       ContextMenus 的摘要说明。
    
      
      ///
      
       注意要继承自CollectionBase
    
      
      ///
      
       
      
      </summary>
      
      

      
          [
    ToolboxItem(
      
      false
      
      ),
    ParseChildren(
      
      true
      
      )
    ]
    
      
      public
      
       
      
      class
      
       ContextMenus : CollectionBase
    {
        
      
      ///
      
       
      
      <summary>
      
      
        
      
      ///
      
       构造函数
        
      
      ///
      
       
      
      </summary>
      
      

      
              
      
      public
      
       ContextMenus()
            : 
      
      base
      
      ()
        {
        }

        
      
      ///
      
       
      
      <summary>
      
      
        
      
      ///
      
       实现IList接口
        
      
      ///
      
       获取或设置指定索引处的元素。
        
      
      ///
      
       
      
      </summary>
      
      
        
      
      ///
      
       
      
      <param name="index">
      
      要获得或设置的元素从零开始的索引
      
      </param>
      
      
        
      
      ///
      
       
      
      <returns></returns>
      
      

      
              
      
      public
      
       ContextMenu 
      
      this
      
      [
      
      int
      
       index]
        {
            
      
      get
      
      
            {
                
      
      return
      
       (ContextMenu) 
      
      base
      
      .List[index];
            }
            
      
      set
      
      
            {
                
      
      base
      
      .List[index] 
      
      =
      
       (ContextMenu) value;
            }
        }

        
      
      ///
      
       
      
      <summary>
      
      
        
      
      ///
      
       实现IList接口
        
      
      ///
      
       将某项添加到 System.Collections.IList 中。
        
      
      ///
      
       
      
      </summary>
      
      
        
      
      ///
      
       
      
      <param name="item">
      
      要添加到 System.Collections.IList 的 System.Object。
      
      </param>
      
      

      
              
      
      public
      
       
      
      void
      
       Add(ContextMenu item)
        {
            
      
      base
      
      .List.Add(item);
        }

        
      
      ///
      
       
      
      <summary>
      
      
        
      
      ///
      
       实现IList接口
        
      
      ///
      
       从 System.Collections.IList 中移除特定对象的第一个匹配项。
        
      
      ///
      
       
      
      </summary>
      
      
        
      
      ///
      
       
      
      <param name="index">
      
      要从 System.Collections.IList 移除的 System.Object
      
      </param>
      
      

      
              
      
      public
      
       
      
      void
      
       Remove(
      
      int
      
       index)
        {
            
      
      if
      
       (index 
      
      >
      
       
      
      -
      
      1
      
       
      
      &&
      
       index 
      
      <
      
       
      
      base
      
      .Count)
            {
                
      
      base
      
      .List.RemoveAt(index);
            }
        }


        
      
      ///
      
       
      
      <summary>
      
      
        
      
      ///
      
       ToString()
        
      
      ///
      
       
      
      </summary>
      
      
        
      
      ///
      
       
      
      <returns></returns>
      
      

      
              
      
      public
      
       
      
      override
      
       
      
      string
      
       ToString()
        {
            
      
      return
      
       
      
      "
      
      ContextMenus
      
      "
      
      ;
        }
    }
}
4、在继承自GridView的类中加一个复杂对象属性，该复杂对象就是第3步创建的那个ContextMenus
private  ContextMenus _contextMenus;
 ///   <summary>
///  行的右键菜单集合
 ///   </summary>
[
PersistenceMode(PersistenceMode.InnerProperty),
DesignerSerializationVisibility(DesignerSerializationVisibility.Content),
Description( " 行的右键菜单 " ),
Category( " 扩展 " )
]
 public   virtual  ContextMenus ContextMenus
{
     get
    {
         if  (_contextMenus  ==   null )
        {
            _contextMenus  =   new  ContextMenus();
        }
         return  _contextMenus;
    }
} 
5、新建一个JavaScriptConstant类，把我们要用到的javascript存在一个常量里 

    
    

     
     

      
      using System;
using System.Collections.Generic;
using System.Text;

namespace YYControls.SmartGridView
{
    
      
      //
      
      / <summary>
      
      

      
          
      
      //
      
      / javascript
      
      

      
          
      
      //
      
      / </summary>
      
      

      
          public class JavaScriptConstant
    {
        internal const string jsContextMenu 
      
      =
      
       @
      
      "
      
      <script type=
      
      ""
      
      text/javascript
      
      ""
      
      >
//<![CDATA[
// 数据行的ClientId
var _rowClientId = '';

// 以下实现右键菜单，网上找的，不知道原创是谁
function contextMenu()
{
    this.items = new Array();
    this.addItem = function (item)
    {
        this.items[this.items.length] = item;
    }

    this.show = function (oDoc)
    {
        var strShow = '';
        var i;

        strShow = 
      
      ""
      
      <div id='rightmenu' style='BACKGROUND-COLOR: #ffffff; BORDER: #000000 1px solid; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; Z-INDEX: 10'>
      
      ""
      
      ;
        strShow += 
      
      ""
      
      <table border='0' height='
      
      ""
      
      ;
        strShow += this.items.length * 20;
        strShow += 
      
      ""
      
      ' cellpadding='0' cellspacing='0'>
      
      ""
      
      ;
        strShow += 
      
      ""
      
      <tr height='3'><td bgcolor='#d0d0ce' width='2'></td><td>
      
      ""
      
      ;
        strShow += 
      
      ""
      
      <table border='0' width='100%' height='100%' cellpadding=0 cellspacing=0 bgcolor='#ffffff'>
      
      ""
      
      ;
        strShow += 
      
      ""
      
      <tr><td bgcolor='#d0d0ce' width='23'></td><td><img src=' ' height='1' border='0'></td></tr></table>
      
      ""
      
      ;
        strShow += 
      
      ""
      
      </td><td width='2'></td></tr>
      
      ""
      
      ;
        strShow += 
      
      ""
      
      <tr><td bgcolor='#d0d0ce'></td><td>
      
      ""
      
      ;
        strShow += 
      
      ""
      
      <table border='0' width='100%' height='100%' cellpadding=3 cellspacing=0 bgcolor='#ffffff'>
      
      ""
      
      ;
        
        oDoc.write(strShow);

        for(i=0; i<this.items.length; i++)
        {
            this.items[i].show(oDoc);
        }
        
        strShow = 
      
      ""
      
      </table></td><td></td></tr>
      
      ""
      
      ;
        strShow += 
      
      ""
      
      <tr height='3'><td bgcolor='#d0d0ce'></td><td>
      
      ""
      
      ;
        strShow += 
      
      ""
      
      <table border='0' width='100%' height='100%' cellpadding=0 cellspacing=0 bgcolor='#ffffff'>
      
      ""
      
      ;
        strShow += 
      
      ""
      
      <tr><td bgcolor='#d0d0ce' width='23'></td><td><img src=' ' height='1' border='0'></td></tr></table>
      
      ""
      
      ;
        strShow += 
      
      ""
      
      </td><td></td></tr>
      
      ""
      
      ;
        strShow += 
      
      ""
      
      </table></div> 
      
      ""
      
      ;
        
        oDoc.write(strShow);
    }
}

function contextItem(text, icon, cmd, url, target, type)
{
    this.text = text ? text : '';
    this.icon = icon ? icon : '';
    this.cmd = cmd ? cmd : '';
    this.url = url ? url : '';
    this.target =target ? target : '';
    this.type = type ? type : 'Link';


    this.show = function (oDoc)
    {
        var strShow = '';

        if(this.type == 'Link' || this.type == 'Command')
        {
            strShow += 
      
      ""
      
      <tr 
      
      ""
      
      ;
            strShow += 
      
      ""
      
      οnmοuseοver="
      
      "
      
      changeStyle(
      
      this
      
      , 
      
      '
      
      on
      
      '
      
      );
      
      ""
      
       
      
      ""
      
      ;
            strShow 
      
      +=
      
       
      
      ""
      
      onmouseout
      
      =
      
      
      
      ""
      
      changeStyle(
      
      this
      
      , 
      
      '
      
      out
      
      '
      
      );
      
      ""
      
       
      
      ""
      
      ;

            
      
      if
      
       (
      
      this
      
      .type 
      
      ==
      
       
      
      '
      
      Command
      
      '
      
      )
            {
                
      
      //
      
       右键菜单是按钮类型，调用所对应的按钮的click事件
      
      

      
                      strShow 
      
      +=
      
       
      
      ""
      
      onclick
      
      =
      
      
      
      ""
      
      document.getElementById(
      
      ""
      
      ;
                strShow 
      
      +=
      
       
      
      ""
      
      _rowClientId 
      
      +
      
       
      
      ""
      
      ;
                strShow 
      
      +=
      
       
      
      ""'
      
      _"";
                strShow += this.cmd;
                strShow += ""
      
      '
      
      ).click()
      
      ""
      
      ;
            }
            
      
      else
      
      
            {
                
      
      //
      
       右键菜单是链接类型
      
      

      
                      
      
      if
      
       (
      
      this
      
      .target 
      
      ==
      
       
      
      '
      
      Top
      
      '
      
      ) 
      
      this
      
      .target 
      
      =
      
       
      
      '
      
      top
      
      '
      
      ;
                
      
      if
      
       (
      
      this
      
      .target 
      
      ==
      
       
      
      '
      
      Self
      
      '
      
      ) 
      
      this
      
      .target 
      
      =
      
       
      
      '
      
      self
      
      '
      
      ;

                
      
      if
      
       (
      
      this
      
      .target 
      
      ==
      
       
      
      '
      
      top
      
      '
      
       
      
      ||
      
       
      
      this
      
      .target 
      
      ==
      
       
      
      '
      
      self
      
      '
      
      )
                {
                    strShow 
      
      +=
      
       
      
      ""
      
      onclick
      
      =
      
      
      
      """"
      
      ;
                    strShow 
      
      +=
      
       
      
      this
      
      .target;
                    strShow 
      
      +=
      
       
      
      ""
      
      .location
      
      =
      
      '
      
      "";
                    strShow += this.url;
                    strShow += ""
      
      '""
      
      ;
                }
                
      
      else
      
      
                {
                    strShow 
      
      +=
      
       
      
      ""
      
      onclick
      
      =
      
      
      
      ""
      
      window.open(
      
      '
      
      "";
                    strShow += this.url;
                    strShow += ""
      
      '
      
      )
      
      ""
      
      ;
                }
            }   
            strShow 
      
      +=
      
       
      
      ""
      
      
      
      ""
      
      >
      
      ""
      
      ;
            strShow 
      
      +=
      
       
      
      ""
      
      <
      
      td class
      
      =
      
      '
      
      ltdexit
      
      '
      
       width
      
      =
      
      '
      
      16
      
      '
      
      >
      
      ""
      
      ;

            
      
      if
      
       (
      
      this
      
      .icon 
      
      ==
      
       
      
      ''
      
      )
            {
                strShow 
      
      +=
      
       
      
      '
      
      &nbsp;
      
      '
      
      ;
            }
            
      
      else
      
       
            {
                strShow 
      
      +=
      
       
      
      ""
      
      <
      
      img border
      
      =
      
      '
      
      0
      
      '
      
       src
      
      =
      
      '
      
      "";
                strShow += this.icon;
                strShow += ""
      
      '
      
       width
      
      =
      
      '
      
      16
      
      '
      
       height
      
      =
      
      '
      
      16
      
      '
      
       style
      
      =
      
      '
      
      POSITION: relative
      
      '
      
      ></
      
      img
      
      >
      
      ""
      
      ;
            }

            strShow 
      
      +=
      
       
      
      ""
      
      </
      
      td
      
      ><
      
      td class
      
      =
      
      '
      
      mtdexit
      
      '
      
      >
      
      ""
      
      ;
            strShow 
      
      +=
      
       
      
      this
      
      .text;
            strShow 
      
      +=
      
       
      
      ""
      
      </
      
      td
      
      ><
      
      td class
      
      =
      
      '
      
      rtdexit
      
      '
      
       width
      
      =
      
      '
      
      5
      
      '
      
      >&
      
      nbsp;
      
      </
      
      td
      
      ></
      
      tr
      
      >
      
      ""
      
      ;
        }
        
      
      //
      
       右键菜单是分隔线
      
      

      
              
      
      else
      
       
      
      if
      
       (
      
      this
      
      .type 
      
      ==
      
       
      
      '
      
      Separator
      
      '
      
      )
        {
            strShow 
      
      +=
      
       
      
      ""
      
      <
      
      tr
      
      ><
      
      td class
      
      =
      
      '
      
      ltdexit
      
      '
      
      >&
      
      nbsp;
      
      </
      
      td
      
      >
      
      ""
      
      ;
            strShow 
      
      +=
      
       
      
      ""
      
      <
      
      td class
      
      =
      
      '
      
      mtdexit
      
      '
      
       colspan
      
      =
      
      '
      
      2
      
      '
      
      ><
      
      hr color
      
      =
      
      '
      
      #000000
      
      '
      
       size
      
      =
      
      '
      
      1
      
      '
      
      ></
      
      td
      
      ></
      
      tr
      
      >
      
      ""
      
      ;
        }

        oDoc.write(strShow);
    }
}


      
      function
      
       changeStyle(obj, cmd)
{ 
    
      
      if
      
      (obj)
    {
        
      
      try
      
       
        {
            
      
      var
      
       imgObj 
      
      =
      
       obj.children(
      
      0
      
      ).children(
      
      0
      
      );

            
      
      if
      
      (cmd 
      
      ==
      
       
      
      '
      
      on
      
      '
      
      ) 
            {
                obj.children(
      
      0
      
      ).className 
      
      =
      
       
      
      '
      
      ltdfocus
      
      '
      
      ;
                obj.children(
      
      1
      
      ).className 
      
      =
      
       
      
      '
      
      mtdfocus
      
      '
      
      ;
                obj.children(
      
      2
      
      ).className 
      
      =
      
       
      
      '
      
      rtdfocus
      
      '
      
      ;
                
                
      
      if
      
      (imgObj)
                {
                    
      
      if
      
      (imgObj.tagName.toUpperCase() 
      
      ==
      
       
      
      '
      
      IMG
      
      '
      
      )
                    {
                        imgObj.style.left 
      
      =
      
       
      
      '
      
      -1px
      
      '
      
      ;
                        imgObj.style.top 
      
      =
      
       
      
      '
      
      -1px
      
      '
      
      ;
                    }
                }
            }
            
      
      else
      
       
      
      if
      
      (cmd 
      
      ==
      
       
      
      '
      
      out
      
      '
      
      ) 
            {
                obj.children(
      
      0
      
      ).className 
      
      =
      
       
      
      '
      
      ltdexit
      
      '
      
      ;
                obj.children(
      
      1
      
      ).className 
      
      =
      
       
      
      '
      
      mtdexit
      
      '
      
      ;
                obj.children(
      
      2
      
      ).className 
      
      =
      
       
      
      '
      
      rtdexit
      
      '
      
      ;

                
      
      if
      
      (imgObj)
                {
                    
      
      if
      
      (imgObj.tagName.toUpperCase() 
      
      ==
      
       
      
      '
      
      IMG
      
      '
      
      )
                    {
                        imgObj.style.left 
      
      =
      
       
      
      '
      
      0px
      
      '
      
      ;
                        imgObj.style.top 
      
      =
      
       
      
      '
      
      0px
      
      '
      
      ;
                    }
                }
            }
        }
        
      
      catch
      
       (e) {}
    }
}


      
      function
      
       showMenu(rowClientId)
{
    _rowClientId 
      
      =
      
       rowClientId;

    
      
      var
      
       x, y, w, h, ox, oy;

    x 
      
      =
      
       event.clientX;
    y 
      
      =
      
       event.clientY;

    
      
      var
      
       obj 
      
      =
      
       document.getElementById(
      
      '
      
      rightmenu
      
      '
      
      );

    
      
      if
      
       (obj 
      
      ==
      
       
      
      null
      
      )
        
      
      return
      
       
      
      true
      
      ;

    ox 
      
      =
      
       document.body.clientWidth;
    oy 
      
      =
      
       document.body.clientHeight;

    
      
      if
      
      (x 
      
      >
      
       ox 
      
      ||
      
       y 
      
      >
      
       oy)
        
      
      return
      
       
      
      false
      
      ;

    w 
      
      =
      
       obj.offsetWidth;
    h 
      
      =
      
       obj.offsetHeight;

    
      
      if
      
      ((x 
      
      +
      
       w) 
      
      >
      
       ox)
        x 
      
      =
      
       x 
      
      -
      
       w;

    
      
      if
      
      ((y 
      
      +
      
       h) 
      
      >
      
       oy)
        y 
      
      =
      
       y 
      
      -
      
       h;

 
    obj.style.posLeft 
      
      =
      
       x 
      
      +
      
       document.body.scrollLeft;
    obj.style.posTop 
      
      =
      
       y 
      
      +
      
       document.body.scrollTop;
    obj.style.visibility 
      
      =
      
       
      
      '
      
      visible
      
      '
      
      ;

    
      
      return
      
       
      
      false
      
      ;
}


      
      function
      
       hideMenu()
{
    
      
      if
      
      (event.button 
      
      ==
      
       
      
      0
      
      )
    {
        
      
      var
      
       obj 
      
      =
      
       document.getElementById(
      
      '
      
      rightmenu
      
      '
      
      );
        
      
      if
      
       (obj 
      
      ==
      
       
      
      null
      
      )
            
      
      return
      
       
      
      true
      
      ;

        obj.style.visibility 
      
      =
      
       
      
      '
      
      hidden
      
      '
      
      ;
        obj.style.posLeft 
      
      =
      
       
      
      0
      
      ;
        obj.style.posTop 
      
      =
      
       
      
      0
      
      ;
    }
}


      
      function
      
       writeStyle()
{
    
      
      var
      
       strStyle 
      
      =
      
       
      
      ''
      
      ;

    strStyle 
      
      +=
      
       
      
      ""
      
      <
      
      STYLE type
      
      =
      
      '
      
      text/css
      
      '
      
      >
      
      ""
      
      ;
    strStyle 
      
      +=
      
       
      
      ""
      
      TABLE {Font
      
      -
      
      FAMILY: 
      
      '
      
      Tahoma
      
      '
      
      ,
      
      '
      
      Verdana
      
      '
      
      ,
      
      '
      
      宋体
      
      '
      
      ; FONT
      
      -
      
      SIZE: 9pt}
      
      ""
      
      ;
    strStyle 
      
      +=
      
       
      
      ""
      
      .mtdfocus {BACKGROUND
      
      -
      
      COLOR: #ccccff; BORDER
      
      -
      
      BOTTOM: #
      
      000000
      
       1px solid; BORDER
      
      -
      
      TOP: #
      
      000000
      
       1px solid; CURSOR: hand}
      
      ""
      
      ;
    strStyle 
      
      +=
      
       
      
      ""
      
      .mtdexit {BACKGROUND
      
      -
      
      COLOR: #ffffff; BORDER
      
      -
      
      BOTTOM: #ffffff 1px solid; BORDER
      
      -
      
      TOP: #ffffff 1px solid}
      
      ""
      
      ;
    strStyle 
      
      +=
      
       
      
      ""
      
      .ltdfocus {BACKGROUND
      
      -
      
      COLOR: #ccccff; BORDER
      
      -
      
      BOTTOM: #
      
      000000
      
       1px solid; BORDER
      
      -
      
      TOP: #
      
      000000
      
       1px solid; BORDER
      
      -
      
      LEFT: #
      
      000000
      
       1px solid; CURSOR: hand}
      
      ""
      
      ;
    strStyle 
      
      +=
      
       
      
      ""
      
      .ltdexit {BACKGROUND
      
      -
      
      COLOR: #d0d0ce; BORDER
      
      -
      
      BOTTOM: #d0d0ce 1px solid; BORDER
      
      -
      
      TOP: #d0d0ce 1px solid; BORDER
      
      -
      
      LEFT: #d0d0ce 1px solid}
      
      ""
      
      ;
    strStyle 
      
      +=
      
       
      
      ""
      
      .rtdfocus {BACKGROUND
      
      -
      
      COLOR: #ccccff; BORDER
      
      -
      
      BOTTOM: #
      
      000000
      
       1px solid; BORDER
      
      -
      
      TOP: #
      
      000000
      
       1px solid; BORDER
      
      -
      
      RIGHT: #
      
      000000
      
       1px solid; CURSOR: hand}
      
      ""
      
      ;
    strStyle 
      
      +=
      
       
      
      ""
      
      .rtdexit {BACKGROUND
      
      -
      
      COLOR: #ffffff; BORDER
      
      -
      
      BOTTOM: #ffffff 1px solid; BORDER
      
      -
      
      TOP: #ffffff 1px solid; BORDER
      
      -
      
      RIGHT: #ffffff 1px solid}
      
      ""
      
      ;
    strStyle 
      
      +=
      
       
      
      ""
      
      </
      
      STYLE
      
      >
      
      ""
      
      ;

    document.write(strStyle);
}


      
      function
      
       makeMenu()
{
    
      
      var
      
       myMenu, item;

    myMenu 
      
      =
      
       
      
      new
      
       contextMenu();

    
      
      //
      
       增加右键菜单项 开始
      
      

      
          
      
      //
      
       item = new contextItem("", "", "", "", "", "");
      
      

      
          
      
      //
      
       1-菜单项的文本
      
      

      
          
      
      //
      
       2-图标链接
      
      

      
          
      
      //
      
       3-所调用的命令按钮的ID
      
      

      
          
      
      //
      
       4-链接地址
      
      

      
          
      
      //
      
       5-链接的target
      
      

      
          
      
      //
      
       6-右键菜单的项的类别
      
      

      
          
      
      //
      
       myMenu.addItem(item);
      
      

      
      
    [$MakeMenu$]
    
      
      //
      
       增加右键菜单项 结束
      
      

      
      
    myMenu.show(
      
      this
      
      .document);

    
      
      delete
      
       item;

    
      
      delete
      
       myMenu;
}


      
      function
      
       toggleMenu(isEnable)
{
    
      
      if
      
      (isEnable)
        document.oncontextmenu 
      
      =
      
       showMenu;
    
      
      else
      
      
        document.oncontextmenu 
      
      =
      
       
      
      new
      
       
      
      function
      
      () {
      
      return
      
       
      
      true
      
      ;};
}

writeStyle();

makeMenu();

document.onclick 
      
      =
      
       hideMenu;

      
      //
      
      ]]>
      
      

      
      </
      
      script
      
      >
      
      "
      
      ;
    }
}
     
     

    
    

6、重写OnPreRender方法，注册上面那段客户端脚本 

    
    

     
     

      
      //
      
      / <summary>
      
      
//
      
      / OnPreRender
      
      
//
      
      / </summary>
      
      
//
      
      / <param name="e"></param>
      
      

      
      protected override 
      
      void
      
       OnPreRender(EventArgs e)
{
    
      
      if
      
       (ContextMenus.Count 
      
      >
      
       
      
      0
      
      )
    {
        StringBuilder sb 
      
      =
      
       
      
      new
      
       StringBuilder();
        foreach (ContextMenu cm 
      
      in
      
       ContextMenus)
        {
            
      
      //
      
       item = new contextItem("", "", "", "", "", "");
      
      

      
                  
      
      //
      
       1-菜单项的文本
      
      

      
                  
      
      //
      
       2-图标链接
      
      

      
                  
      
      //
      
       3-所调用的命令按钮的ID
      
      

      
                  
      
      //
      
       4-链接地址
      
      

      
                  
      
      //
      
       5-链接的target
      
      

      
                  
      
      //
      
       6-右键菜单的项的类别
      
      

      
      
            
      
      //
      
       命令按钮
      
      

      
                  
      
      if
      
       (cm.ItemType 
      
      ==
      
       ContextMenu.ItemTypeCollection.Command)
            {
                sb.Append(
      
      "
      
      item = new contextItem("
      
      "
      
       
      
      +
      
       cm.Text 
      
      +
      
      
                    
      
      "
      
      ", "
      
      "
      
       
      
      +
      
       ResolveUrl(cm.Icon) 
      
      +
      
       
      
      "
      
      ", "
      
      "
      
       
      
      +
      
      
                    cm.CommandButtonId 
      
      +
      
       
      
      "
      
      ", "", "", "Command");
      
      "
      
      );
            }
            
      
      //
      
       链接
      
      

      
                  
      
      else
      
       
      
      if
      
       (cm.ItemType 
      
      ==
      
       ContextMenu.ItemTypeCollection.Link)
            {
                sb.Append(
      
      "
      
      item = new contextItem("
      
      "
      
       
      
      +
      
       cm.Text 
      
      +
      
      
                    
      
      "
      
      ", "
      
      "
      
       
      
      +
      
       ResolveUrl(cm.Icon) 
      
      +
      
       
      
      "
      
      ", "", "
      
      "
      
       
      
      +
      
      
                    cm.NavigateUrl 
      
      +
      
       
      
      "
      
      ", "
      
      "
      
       
      
      +
      
      
                    cm.Target 
      
      +
      
       
      
      "
      
      ", "Link");
      
      "
      
      );
            }
            
      
      //
      
       分隔线
      
      

      
                  
      
      else
      
       
      
      if
      
       (cm.ItemType 
      
      ==
      
       ContextMenu.ItemTypeCollection.Separator)
            {
                sb.Append(
      
      "
      
      item = new contextItem("", "", "", "", "", "Separator");
      
      "
      
      );
            }

            sb.Append(
      
      "
      
      myMenu.addItem(item);
      
      "
      
      );
        }

        
      
      //
      
       注册客户端代码
      
      

      
              
      
      if
      
       (
      
      !
      
      Page.ClientScript.IsClientScriptBlockRegistered(
      
      "
      
      jsContextMenu
      
      "
      
      ))
        {
            Page.ClientScript.RegisterClientScriptBlock(
                
      
      this
      
      .GetType(),
                
      
      "
      
      jsContextMenu
      
      "
      
      ,
                JavaScriptConstant.jsContextMenu.Replace(
      
      "
      
      [$MakeMenu$]
      
      "
      
      , sb.ToString())
                );
        }
    }

    base.OnPreRender(e);
}
7、重写OnRowDataBound给数据行增加客户端代码以调用我们注册的那段javascript，从而实现给GridView的数据行增加右键菜单的功能
///   <summary>
///  OnRowDataBound
 ///   </summary>
///   <param name="e"></param>
protected   override   void  OnRowDataBound(GridViewRowEventArgs e)
{
     if  (e.Row.RowType  ==  DataControlRowType.DataRow)
    {
         //  给数据行增加客户端代码
        e.Row.Attributes.Add( " oncontextmenu " ,  " showMenu(' "   +  e.Row.ClientID  +   " ');return false; " );
    }

     base .OnRowDataBound(e);
} 
控件使用 
添加这个控件到工具箱里，然后拖拽到webform上，设置如下属性：ItemType为右键菜单的项的类别（Link，Command，Separator）；Icon为文字左边的图标的链接；Text为菜单的文字；CommandButtonId为所调用的命令按钮的ID；NavigateUrl为链接的url；Target为链接的target（Blank，Self，Top） 
ObjData.cs
using  System;
 using  System.Data;
 using  System.Configuration;
 using  System.Web;
 using  System.Web.Security;
 using  System.Web.UI;
 using  System.Web.UI.WebControls;
 using  System.Web.UI.WebControls.WebParts;
 using  System.Web.UI.HtmlControls;
 using  System.ComponentModel;

 ///   <summary>
///  OjbData 的摘要说明
 ///   </summary>
public   class  OjbData
{
     public  OjbData()
    {
         //
         //  TODO: 在此处添加构造函数逻辑
         //
     }

    [DataObjectMethod(DataObjectMethodType.Select,  true )]
     public  DataTable Select()
    {
        DataTable dt  =   new  DataTable();
        dt.Columns.Add( " no " ,  typeof ( string ));
        dt.Columns.Add( " name " ,  typeof ( string ));

         for  ( int  i  =   0 ; i  <   30 ; i ++ )
        {
            DataRow dr  =  dt.NewRow();
            dr[ 0 ]  =   " no "   +  i.ToString().PadLeft( 2 ,  ' 0 ' );
            dr[ 1 ]  =   " name "   +  i.ToString().PadLeft( 2 ,  ' 0 ' );

            dt.Rows.Add(dr);
        }

         return  dt;
    }
}

Default.aspx
<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " Default.aspx.cs "  Inherits = " _Default "   %>

<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.0 Transitional//EN "   " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >
< html xmlns = " http://www.w3.org/1999/xhtml " >
< head runat = " server " >
     < title > SmartGridView测试 </ title >
</ head >
< body >
     < form id = " form1 "  runat = " server " >
         < div >
             < yyc:SmartGridView ID = " SmartGridView1 "  runat = " server "  DataSourceID = " ObjectDataSource1 "
                AutoGenerateColumns = " false " >
                 < Columns >
                     < asp:BoundField DataField = " no "  HeaderText = " 序号 "  SortExpression = " no "  ItemStyle - Width = " 100px "   />
                     < asp:BoundField DataField = " name "  HeaderText = " 名称 "  SortExpression = " name "  ItemStyle - Width = " 100px "   />
                     < asp:BoundField DataField = " no "  HeaderText = " 序号 "  SortExpression = " no "  ItemStyle - Width = " 100px "   />
                     < asp:BoundField DataField = " name "  HeaderText = " 名称 "  SortExpression = " name "  ItemStyle - Width = " 100px "   />
                     < asp:BoundField DataField = " no "  HeaderText = " 序号 "  SortExpression = " no "  ItemStyle - Width = " 100px "   />
                     < asp:BoundField DataField = " name "  HeaderText = " 名称 "  SortExpression = " name "  ItemStyle - Width = " 100px "   />
                     < asp:TemplateField >
                         < footerstyle cssclass = " hidden "   />
                         < headerstyle cssclass = " hidden "   />
                         < itemstyle cssclass = " hidden "   />
                         < itemtemplate >
                     < asp:Button id = " btnRightMenuButton "  runat = " server "  CommandName = " RightMenuButton "  CommandArgument = ' <%# Container.DataItemIndex %> '   />
                 </ itemtemplate >
                     </ asp:TemplateField >
                 </ Columns >
                 < ContextMenus >
                     < yyc:ContextMenu ItemType = " Command "  Text = " 右键菜单按钮测试 "  Icon = " ~/Images/button.gif "  CommandButtonId = " btnRightMenuButton "   />
                     < yyc:ContextMenu ItemType = " Separator "   />
                     < yyc:ContextMenu ItemType = " Link "  Text = " 控件源代码 "  Icon = " ~/Images/button.gif "  NavigateUrl = " http://webabcd.cnblogs.com "
                        Target = " Blank "   />
                 </ ContextMenus >
             </ yyc:SmartGridView >
             < asp:ObjectDataSource ID = " ObjectDataSource1 "  runat = " server "  SelectMethod = " Select "
                TypeName = " OjbData " ></ asp:ObjectDataSource >
         </ div >
     </ form >
</ body >
</ html >  
xuezj508
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DataGridView控件添加右键菜单
Nikita
05-03 3089
实现功能：在表格上鼠标右击出现功能菜单 实现步骤： 1、选中整行 this.dataGridView1.SelectionMode = DataGridViewSelectionMode.FullRowSelect; 2、在窗体中插入contextMenuStrip控件，在dataGridView控件上绑定contextMenuStrip（如下图）； 并在contextMenuStrip控件上填...
给DataGridView添加右键菜单
FISH的专栏
03-14 7451
<br />本人以前用PB做过一些开发，挺喜欢DATAWINDOW的。在学习C＃时发现给DataGirdView加上右键菜单的效果和PB中的DATAWINDOW有相同的效果。其中数据库的操作应用的SQLDataAdatper，下面源码奉上，欢迎朋友们提出指正和意见。<br /> <br />首先，先建立一个Form窗口取名为DataGridViewDemo 从工具箱中选择控件，并设置属性如下<br />DataGridView   name属性 dataGridView<br />TextBox      
GridView右键菜单，进行无刷新操作（示例）
02-27
工作之余，写了个gridview的右键菜单示例，希望可以帮助需要的人
扩展GridView控件(9) - 给数据行增加右键菜单
webabcd的专栏
02-01 622
GridView既强大又好用。为了让它更强大、更好用，我们来写一个继承自GridView的控件。[索引页][源码下载]扩展GridView控件(9) - 给数据行增加右键菜单作者：webabcd/*正式版的实现 开始*/介绍扩展GridView控件：给数据行增加右键菜单，响应服务端事件或超级链接使用方法（设置ContextMe
[转]DataGridView 的右键菜单（ContextMenuStrip）
weixin_30326741的博客
03-18 336
一、使用属性 DataGridView, DataGridViewColumn, DataGridViewRow, DataGridViewCell 有 ContextMenuStrip 属性。可以通过设定 ContextMenuStrip 对象来控制 DataGridView 的右键菜单的显示。 DataGridViewColumn 的 ContextMenuStrip 属性设定了 除了列头以...
GridView右键菜单，进行无刷新操作
朱会震（朱乙）
02-27 1万+
工作之余，写了个gridview的右键菜单示例，希望可以帮助需要的人。示例抓图： 程序打包下载地址： http://download.csdn.net/source/1049911全部代码附上default.aspx &lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Defa...
GridView鼠标右键
马骥的专栏
07-02 1915
aspx：    Inherits="QYCarFYApplyManage" %>出租车废业审批管理
扩展GridView控件(索引) - 增加多个常用功能
lp_2007的专栏
10-11 3025
文章索引扩展GridView控件(1) - 鼠标经过行时改变行的样式扩展GridView控件(2) - 复合排序和排序状态提示扩展GridView控件(3) - 根据按钮的CommandName设置其客户端属性扩展GridView控件(4) - 联动复选框（复选框的全选和取消全选）扩展GridView控件(5) - 固定指定行、指定列扩展GridView控件(6) - 响应行的单击事件和双击事件扩
ym——Andorid-15k+的面试题。
热门推荐
陈宇明
08-07 2万+
最近才开的博客，希望大家多多关注，andorid开发也做了3年有余了，也面试很多加企业，借此机会分享一下，我们中遇到过的问题以及解决方案吧，希望能够对正在找工作的andoird程序员有一定的帮助。学完本人博客发表《ym--andorid从零开始教程》+面试题目全理解，年薪18w以上绝对没问题。 特别献上整理过的50道面试题目 1.listView的优化方式 重用conve
DataGridView复制与粘贴
08-27
一旦数据被选中，用户可以通过按下Ctrl+C来复制，或者通过右键点击弹出的上下文菜单中的“复制”选项来执行此操作。 然后，我们可以使用`DataGridView`的`Copy()`方法来实现程序化复制。例如： ```csharp ...
Asp.net 创建WEB自定义菜单右键
03-16
摘要:.NET源码,控件组件,自定义右键　　 创建基于WEB的自定义菜单右键功能，作者：ChengKing，源代码开源，学习参考性强。 　　功能说明： 　　1. 当鼠标悬浮到控件对象上, 右击, 会弹出此自定义控件. 　　2. 仅当控件支持oncontextmenu事 　　结合GridView使用的自定义控件,App_code/data.cs文件为数据生成文件PopupMenu_InGridView为演示文件夹、TraceMenu为自定义组建源码 　　
精通JS脚本之ExtJS框架.part1.rar
03-02
10.3 右键菜单 10.4 修改节点的默认图标 10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4...
C#dataGridView 知识(示例代码)以及相关的经验技巧
weixin_42579159的博客
04-08 2488
一、单元格内容的操作 // 取得当前单元格内容 Console.WriteLine(DataGridView1.CurrentCell.Value); // 取得当前单元格的列 Index Console.WriteLine(DataGridView1.CurrentCell.ColumnIndex); // 取得当前单元格的行 Index Console.WriteLine(DataGridView1.CurrentCell.RowIndex); 另外，使用 DataGridView.CurrentCel
GridView右键菜单
weixin_30608131的博客
10-11 136
一、添加右键菜单 1.在VS工具箱中的“菜单和工具栏”找到ContextMenuStrip控件，双击添加。 2.点击ContextMenuStrip右上方的小三角形，打开编辑项，可以添加菜单项。至于菜单点击事件，这里就不多说了。 3.选择gridControl（注意这里不是gridView的属性），在属性中可以找到ContextMenuStrip属性，设置成刚添加的C...
wpf listview 的右键菜单 点击事件
rs_90的博客
03-01 1156
Mainwindow.xmal <Window x:Class="vlctesst.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" ...
.NET给DataGridView添加右键选中并设置右键菜单ContextMenuStrip显示的位置
waltertan1988的博客
04-26 3242
今天需要给一个DataGridView添加一个右键菜单ContextMenuStrip，以实现当右键选中某一单元格的数据时则在点击位置弹出该菜单。 一开始直接在DataGridView的属性栏里设置其ContextMenuStrip属性指向一个ContextMenuStrip对象。但后来发现这样的做法会有问题：当右键点击DataGridView的任何地方（包括行头、列头甚至空白处）都会弹出来
dev aspxgridview 添加右键自定义菜单的方法
hmwz0001的博客
04-26 266
一、在设置gridview中定义事件和打开开关 1、定义事件： OnFillContextMenuItems=“ASPxGridView1_FillContextMenuItems” OnAddSummaryItemViaContextMenu=“ASPxGridView1_AddSummaryItemViaContextMenu” OnContextMenuItemVisibility=“ASPxGridView1_ContextMenuItemVisibility” OnContextMenuItemC
GridView实现右键增，删，改功能
fqg的专栏
10-30 1413
 /***根据传入的id显示右键菜单*/function showMenu(id){    menuForm.id.value = id;    if("" == id)    {        popMenu(itemMenu,80,"80");    }    else    {        popMenu(itemMenu,80,"111");    }    event.
[点击下载该源码] Asp.net2.0创建自定义右键菜单控件源码
gtts
08-01 120
Asp.net2.0创建自定义右键菜单控件源码 1. 当鼠标悬浮到控件对象上, 右击, 会弹出此自定义控件. 2. 仅当控件支持oncontextmenu事件 3、用法 1）. 将PopupTraceMenur控件Dll添加引用到Web站点工程中 2）. 从工具箱拖动一个PopupTraceMenu控件和另一个支持oncontextmenu事件的控件到设计...
GridView控件详解：数据绑定与高级功能
GridView控件以表格形式展示数据源中的数据，每个字段对应一列，每行代表一条记录，提供了多种强大的功能以简化数据操作和展示。 首先，GridView控件的核心特性包括内置的排序、更新和删除功能。它允许用户按照字段...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值