Umbraco 7自定义属性编辑器

时间:2016-03-15 19:35:38

标签: javascript angularjs umbraco umbraco7

我正在使用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);
            });

1 个答案:

答案 0 :(得分:0)

我提出了一种hacky解决方案来引导Angular看到该文本是在另一个文本框属性编辑器上编写的,但它确实有效。我将原始代码块中的最后一行替换为:

        $('#googlePlaceID').select().focus().val(place.place_id);
        var e = document.getElementById('googlePlaceID');
        var $e = angular.element(e);
        $e.triggerHandler('input');