polymer-1.0 - 如何在聚合物 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];
  }
});