Question

我安装了alpha 4 *并尝试使用自述文件中的示例。

但是，我只看到一个容器，其高度为：500000px＆＃34; （是的，500k px）包含一些渲染的项目（10k中的5个）。滚动仅适用于滚动条而不是拖动。但是，这样做时不会出现任何新项目。

控制台抛出此错误：

固定grid.js：74 未捕获的TypeError：height取决于visibleWidth（number）的第一个参数

template.hbs：

<div class="row" style="height: 500px; background: #CCC;">
  <div class="col-md-12" style="height: 100%; position: relative;">
    {{#ember-collection height=500 width=800 items=model cell-layout=(fixed-grid-layout 800 50) as |item index|}}
      {{item.name}}
    {{/ember-collection}}
  </div>
</div>

route.js：

import Ember from 'ember';

export default Ember.Route.extend({
  model: function() {
    var items = [];
    for (var i = 0; i < 10000; i++) {
      items.push({name: "Item " + i});
    }
    return items;
  }
});

版本：1.13.8 Chromium：45.0.2454.101 Ubuntu 14.04（64位）

这是由于alpha造成的错误还是我做错了什么？

问候，haggis

* git：//github.com/emberjs/ember-collection.git#d7c453d9400dc9f8c55a6b4b31104abafb47aa61

Answer 1

我看到您正在使用github页面中的示例，但npmjs.org page中的示例显示容器的height和width是显式传入，所以你也需要添加这些属性：

{{#ember-collection
  items=model
  height=500
  width=800
  cell-layout=(fixed-grid-layout 800 50) as |item index|
}}
  {{name}}
{{/ember-collection}}

这两个页面都提到这些是required parameters。

ember-collection示例无法正常工作

1 个答案: