如何在gridView中显示某行的上下文菜单

Question

我有一个绑定到数据表的网格视图。我想为有条件的行添加上下文。我在RowDataBound 事件中使用此代码：

if (e.Row.Enabled == true && e.Row.Cells[6].Enabled == true)
        {
            e.Row.CssClass = "HasMenu";
        }

现在我编写这段代码来在网格上显示上下文菜单：

$(document).ready(function () {

        $('#menu').click(function () {
            $('#menu').hide();
        });
        $(document).click(function () {
            $('#menu').hide();
        });


        $("#" + '<%= GridView1.ClientID %>').bind("contextmenu", function (e) {
            $('#menu').css({
                top: e.pageY + 'px',
                left: e.pageX + 'px'
            }).show();

            return false;

        });
    });

问题是我没有在没有HasMenu css 类的行上显示任何上下文菜单（不是资源管理器上下文菜单，也不是我的自定义上下文菜单），而是为具有HasMenu css 类的行显示上下文菜单.我的脚本需要什么改变？

谢谢

Answer 1

现在您正在收听整个 gridview 的 contextmenu 事件：

$("#" + '<%= GridView1.ClientID %>')

您需要将其更改为单个行：

$('#" + '<%= GridView1.ClientID %> rowselector.HasMenu')

rowselector 是在您的标记中定义的一行。

例如，如果一行是<TR>，那么你会写

$("#" + '<%= GridView1.ClientID %> tr.HasMenu')

否则，如果行是子 <DIV> 元素，您可能需要编写类似的内容

$("#" + '<%= GridView1.ClientID %> > div.HasMenu')

请注意，您连接的是两个纯字符串，不涉及任何 javascript 变量。你不妨写：

$('#<%= GridView1.ClientID %> rowselector.HasMenu')