1

我有一个要使用地理位置的移动应用程序。我的问题是我不明白如何将 lat / lon 分配给 Application.js 中的属性，因此我可以将其他页面绑定到它。

当我将位置绑定到 Application.js 中的 latLon 属性时，得到：004930 断言错误！位置不是 qx.bom.GeoLocation[99-0] 上的数据 (qx.event.type.Data) 事件。：应为“qx.event.type.Data”，但找到“qx.event.type.GeoPosition”！

我尝试了一些变体，但我无法绑定到该属性。

到目前为止，我可以调试该位置：

  var loginPage = new sgmobile.page.Login();
  manager.addDetail(loginPage);

  loginPage.addListener("appear", function(evvt) {
    this.__getPosition();
  }, this);

  loginPage.show();

 ................

__getPosition : function() {
  var geoLocation = qx.bom.GeoLocation.getInstance();
  var pos = geoLocation.getCurrentPosition();
  geoLocation.addListener("position", this.__applyPosition);
},

__applyPosition : function(position) {
  this.latlon = {
    "lat" : position.getLatitude(),
    "lon" : position.getLongitude()
  }
  this.debug("latlon: " + qx.lang.Json.stringify(this.latlon));
},

我还复制了邮件列表。

最好的问候， 亚历克斯

4

2 回答 2

3

数据绑定要求数据事件是可绑定的。由于 GeoLocation 事件不是数据事件，默认情况下它是不可绑定的。如果您想要绑定，我建议您将属性添加到您想要绑定的应用程序中，并使用事件侦听器手动将这些属性与地理位置事件连接起来。

于 2012-11-28T14:18:32.357 回答
1

在我看到马丁的回答之前，我找到了自己喜欢分享的解决方案。它看起来效率不高，但是使用对象作为属性我无法获得绑定到属性属性的输入。阅读马丁的回答，我走对了。

希望这对其他 qooxdoo 移动新手有所帮助。

我将 Application.js 更改为：

lat: {
  check : "Number",
  nullable : true,
  init : null,
  event : "changeLat"
},
lon: {
  check : "Number",
  nullable : true,
  init : null,
  event : "changeLon"
},

__applyPosition : function(positionEvent) {
  this.debug("lat: " + positionEvent.getLatitude() + " lon: " + positionEvent.getLongitude());
  this.setLat( positionEvent.getLatitude() );
  this.setLon( positionEvent.getLongitude() );
},

我将'lat'和'lon'属性绑定到reportPage中的相应属性，如下所示：

  this.bind("lon", reportPage, "lon");
  this.bind("lat", reportPage, "lat");

为了完整性；相关的reportPage代码：

    var lat = new  qx.ui.mobile.form.NumberField();
    lat.setEnabled(false);
    form.add(lat, "latitude");

    var lon = new  qx.ui.mobile.form.NumberField();
    lon.setEnabled(false);
    form.add(lon, "longtitude");

    this.bind('lat', lat, 'value');
    this.bind('lon', lon, 'value');

    ..............
properties: {
  lat: {
    check : "Number",
    nullable : true,
    init : null,
    event : "changeLat"
  },
  lon: {
    check : "Number",
    nullable : true,
    init : null,
    event : "changeLon"
  }
}
于 2012-11-28T14:35:22.377 回答