Как добавить пункт контекстного меню в каждую строку полимерной сетки ваадин

Я новичок в полимере. Я хочу создать сетку ваадинов с иконкой железа в конце каждой строки. При щелчке по этому значку открывается контекстное меню.

На данный момент я создал сетку vaadin с 5 столбцами. Я хочу иметь шестой столбец без имени столбца и значок железа «icons: more-vert» в качестве значения столбца для всех строк. Как это сделать? Заранее спасибо.


vaadin-grid polymer-1.0
person salsa111    schedule 05.04.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

через 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];
  }
});
person Ryan Tyler    schedule 05.04.2016
comment
Я хочу добавить шестой столбец в сетку vaadin, который содержит значок железа. Это то, чего я пытаюсь достичь. - person salsa111; 06.04.2016
comment
Добавьте его так же, как и любой другой столбец - person Ryan Tyler; 07.04.2016