我正在使用Umbraco 7.4并且我已经创建了一个自定义谷歌地图属性编辑器,该编辑器在地图上启用了自动完成功能。
我在我的文档类型的Google地图属性下面创建了一个单独的标准文本框属性,当用户从Google自动完成功能中选择自动提示时,我让它更新标准文本框的值财产,但当我保存&发布节点,该值实际上并未与文本框一起存储。这很奇怪,因为如果我手动将文本写入文本框并发布,它就可以很好地存储数据。我本质上是一个jQuery开发人员所以我很惊讶地发现Angular控制器内部的语法很有用......任何帮助都会非常感激!
我更新文本框值(最后一行)的事件监听器
autocomplete.addListener('place_changed', function () {
infowindow.close();
var place = autocomplete.getPlace();
if (!place.geometry) {
return;
}
var coords = new google.maps.LatLng(place.geometry.location.lat(), place.geometry.location.lng());
map.setCenter(coords);
// Set the position of the marker using the place ID and location.
marker.setPlace({
placeId: place.place_id,
location: coords
});
marker.setVisible(true);
infowindow.setContent('<div><strong>' + place.name + '</strong><br>' +
'Place ID: ' + place.place_id + '<br>' +
place.formatted_address);
infowindow.open(map, marker);
codeLatLng(coords, geocoder);
$('#googlePlaceID').val(place.place_id).text(place.place_id);
});
答案 0 :(得分:0)
我提出了一种hacky解决方案来引导Angular看到该文本是在另一个文本框属性编辑器上编写的,但它确实有效。我将原始代码块中的最后一行替换为:
$('#googlePlaceID').select().focus().val(place.place_id);
var e = document.getElementById('googlePlaceID');
var $e = angular.element(e);
$e.triggerHandler('input');