javascript - TypeError: grid.columns[0] 在 Firefox Vaadin Grid 中未定义

Question

我正在使用 vaadin 网格。我得到：

类型错误：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

找到这个后：聚合物 1.0 on firefox ReferenceError: Polymer is not defined

我可以解决我的问题：

使用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) {
    //...
  };    
});