polymer-1.0 - ポリマー vaadin グリッドの各行にコンテキスト メニュー オプションを追加する方法

Question

ポリマー初心者です。各行の最後に鉄のアイコンが付いた vaadin グリッドを作成したいと考えています。このアイコンをクリックすると、コンテキスト メニューが表示されます。

今のところ、5 列の vaadin グリッドを作成しました。列名のない 6 番目の列と、すべての行の列値として鉄のアイコン「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];
  }
});