右键单击整行自定义菜单

Question

我正在努力将右键单击作为我的自定义菜单以使用鼠标显示。这是我的代码：

click: function (event) {
                var eventResult = this.get('tableView').clickRow(event, this.get('object'));
                if (eventResult !== false) {
                    this.get('element').focus();
                    $('.content-row').bind('contextmenu', function(e) {
                        e.preventDefault();
                        var parentId = $(this).closest('tr').prop('id');
                        alert(parentId);
                        $('.managed-object-action-menu').click();
                    });
                }
                return eventResult;
            },

如果我使用 .managed-object-action-menu，它将影响 table 中的整行。但我只需要为活动行显示自定义菜单。

我是 Ember 和 jQuery 的新手。

Answer 1

请尝试以下代码：获取带有子元素 class 值

的父元素 ID

click: function (event) {
    var eventResult = this.get('tableView').clickRow(event, this.get('object'));
    if (eventResult !== false) {
        this.get('element').focus();
        $('.content-row').bind('contextmenu', function(e) {
            e.preventDefault();
            var parentId = $(this).closest('tr').prop('id');
            $('#'+parentId).find( ".managed-object-action-menu" ).click();
        });
    }
    return eventResult;
},

试一试

右键单击整行自定义菜单

Customize menu on right click for entire row

javascript

jquery

ember.js