Question

App.MapView = App.ChartView.extend({
  data: undefined,
  dataLoaded: NO,
  markersArray: undefined,

  finishloadingdata: function (rawdata) {
    var latitude, longitude;
    var array = new Array();
    $(rawdata).find("Book").each(function () {
      $(this).find("Location");
      latitude = $(this).find("Latitude").text();
      longitude = $(this).find("Longitude").text();

      array.push(new Array(latitude, longitude));
    });
    this.set('markersArray', array);
    this.set('data', rawdata);
    this.set('dataLoaded', YES);
  },

  optionsView: SC.View.extend({
    layout: {
      left: 0,
      top: 0,
      right: 0,
      bottom: 50
    },
    map: null,
    center: new google.maps.LatLng(46.48, 7.9),
    zoom: 14,
    array: this.get('markersArray'),
    didCreateMap: null,
    render: function (ctx, first) {
      if (first) {
        ctx.push('<div style="position:absolute;top:0;left:0;right:0;bottom:0;"></div>');
      }
    },
    didCreateLayer: function () {
      this.invokeLast('_createMap');
    },

    _createMap: function () {
      if (this._map) {
        google.maps.event.trigger(this._map, 'resize');
      } else {
        var center = this.get('center');

        var opts = {
          zoom: this.get('zoom'),
          center: center,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var div = this.$('div')[0];
        var map = new google.maps.Map(div, opts);

        this._map = map;
        this.set('map', map);

        //i want to make an array of markers

        if (this.didCreateMap) this.didCreateMap(map);
        var marker = new google.maps.Marker({
          position: new google.maps.LatLng(46.48, 7.9),
          map: map
        });
      }
    }

MapView是一个扩展ChartView的视图，我重写了optionsView以使其显示谷歌地图。它工作得很好，我只想在标记上放置从xml文件中检索的坐标。我得到阵列就好了。我的问题是，当我想给optionsView提供该数组的值时，它会给我错误：对象[对象窗口]没有方法'get'。

如何为optionsView的数组属性赋予markersArray的值，以便我可以使用它将标记放在我的地图上。

非常感谢!!

Answer 1

而不是

array: this.get('markersArray')

你可能想做

arrayBinding: 'parentView.markersArray'

这使用SproutCore的bindings功能，并确保array属性始终指向父视图的markersArray属性。但是，您可能还需要通过在图表视图的顶部添加以下内容来指定optionsView是父项的子项：

App.MapView = App.ChartView.extend({
  childViews: ['optionsView'],
  ...

希望这有帮助！如果您对此问题有任何其他疑问，请添加评论，我会尽力提供帮助。

从sproutcore中的parentView获取数组

1 个答案: