右键单击整行自定义菜单答案

【问题标题】：Customize menu on right click for entire row右键单击整行自定义菜单
【发布时间】：2018-05-09 07:09:49
【问题描述】：

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

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，它将影响表中的整行。但我只需要显示活动行的自定义菜单。

我是 Ember 和 jQuery 的新手。

【问题讨论】：

我无法理解。可以给一些截图吗？
@Arulraj 我已经用屏幕截图进行了编辑。请查看并提出建议
如何区分活动行？

标签： javascript jquery ember.js

【解决方案1】：

请尝试以下代码：获取具有子类值的父元素 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;
},

试试看

【讨论】：

我建议不要使用元素的id，直接使用元素。在 Ember 中，很多元素都有 id，但这是一个实现细节，不应该依赖。