上接扩展GridView控件(9) - 给数据行增加右键菜单-CSDN博客

上接>>

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)

{

if (ContextMenus.Count > 0)

{

// 给数据行增加客户端代码

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>

注：如果想修改右键菜单的样式，请自行修改javascript，我就不把他们弄出来了。

/*测试版的实现结束*/

OK
[源码下载]