TypeError:Grid.Columns [0]在Firefox Vaadin网格中未定义

Question

我是USIGN VAADIN GRID。我得到：

typeerror：grid.columns [0]是未定义的

在firefox中，如标题中。在Chrome中，它正在工作。代码：

var grid = grid || document.querySelector('vaadin-grid');
HTMLImports.whenReady(function() {
    var json = '[["Blabla", true, "sdfsdfsd", "fsdsdfsdfsd fsdfds fsdf shfskd hds", 0, "39acbfa4-6d6b-4af9-b872-03fc70328183"]]';
    var testJSON = JSON.parse(json);
    grid.items = testJSON;
    // --> ERROR: undefined in firefox
    grid.columns[0].renderer = function(cell) {
        //...
    };    
});

为什么？

Answer 1

找到此信息：firefox Referenceerror上的聚合物1.0：未定义聚合物

我可以解决我的问题：

使用window.addEventListener('WebComponentsReady', function(e){代替

HTMLImports.whenReady(function() {

这样：

var grid = grid || document.querySelector('vaadin-grid');
window.addEventListener('WebComponentsReady', function(e) {
  var json = '[["Blabla", true, "sdfsdfsd", "fsdsdfsdfsd fsdfds fsdf shfskd hds", 0, "39acbfa4-6d6b-4af9-b872-03fc70328183"]]';
  var testJSON = JSON.parse(json);
  grid.items = testJSON;
  grid.columns[0].renderer = function(cell) {
    //...
  };    
});