如何在聚合物vaadin网格的每一行中添加上下文菜单选项

Question

我是聚合物新手。我想在每行的末尾创建一个带有铁图标的vaadin网格。单击此图标，将显示上下文菜单。

截至目前，我已经创建了一个包含5列的vaadin网格。我希望第六列没有列名，铁图标“icons：more-vert”作为所有行的列值。怎么做？提前谢谢。

Answer 1

通过rowDetailsGenerator

grid.rowDetailsGenerator = function(rowIndex) {
  var elem = document.createElement('div');
  elem.setAttribute('class', 'userdetailswrapper');

  grid.getItem(rowIndex, function(error, item) {
    if (!error) {
      elem.innerHTML = getUserDetails(item.user);
    }
  });

  return elem;
};

var detailsOpenIndex = -1;

// Show details for the selected row
grid.addEventListener('selected-items-changed', function() {
  grid.setRowDetailsVisible(detailsOpenIndex, false);
  var selected = grid.selection.selected();
  if (selected.length == 1) {
    grid.setRowDetailsVisible(selected[0], true);
    detailsOpenIndex = selected[0];
  }
});