0

我写了一个观点：

export default Ember.View.extend({
  select: null,
  modify: null,

  createSelect: function() {
    return new ol.interaction.Select();
  },

  onMapCreated: function() {
    this.select = this.createSelect();
    this.modify = this.createModify();
  },

  init: function() {
    this._super();
    this.get('controller').addObserver('olMap', this.onMapCreated);
  },
});

该视图被添加到与具有olMap属性的控制器相关的模板中。在我的视图中做一些工作之前，我需要等待olMap属性被实例化。

上面的代码有点工作，除了onMapCreated函数中引用的this是控制器的实例而不是视图的实例。

我很确定我在应用程序的设计中做错了什么。我想分离关注点并将绘图部分放在主控制器之外。我应该使用组件吗？不确定，因为它不会被重复使用...

我很想在这里有一些方向。

4

2 回答 2

1

在阅读了 API 部分的手册后，我想出了解决方案。我把它贴在这里是有人需要它的一天。实际上，我所要做的就是在addObserver方法中添加一个参数this以更改上下文。

export default Ember.View.extend({
  select: null,
  modify: null,

  createSelect: function() {
    return new ol.interaction.Select();
  },

  onMapCreated: function() {
    this.select = this.createSelect();
    this.modify = this.createModify();
  },

  init: function() {
    this._super();
    this.get('controller').addObserver('olMap', this, this.onMapCreated);
  },
});
于 2015-04-04T09:43:06.970 回答
0

这是我最终得到的结果：

我的设置：

余烬：1.10.0

灰烬数据：1.0.0-beta.16

jQuery : 1.11.2

目录结构：

  • 控制器：
    • 地图.js
    • 地图绘制.js
  • 模板
    • 地图.hbs
    • 地图绘制.hbs
  • 意见
    • 地图.js
    • 地图绘制.js

在模板templates/map.js中，我使用了这样的渲染助手：

{{render "mapDraw" mapDraw}}

渲染器使用控制器controllers/map-draw.js和视图views/map-draw.js

视图map-draw.js 的内容：

export default Ember.View.extend({
  templateName: "mapDraw",
  classNames: ["map-draw"]
});

在控制器map-draw.js中，我绑定了map.js控制器。

export default Ember.Controller.extend({    
  needs: ['map'],
  olMap: null,
  //...//
  init: function() {
    this._super();
    this.get('controllers.map').addObserver('olMap', this, function(sender) {
      this.set('olMap', sender.get('olMap'));
    });
  }
  //...//
});
于 2015-04-04T14:42:25.753 回答