0

我正在研究传单 wagtail 块集成。

https://github.com/frague59/wagtail-leaflet

当我add将新块放入流中时，我在小部件渲染方面遇到了困难：什么都没有显示。来自 django-leaflet / django-geojson 的小部件涉及 geojson 参数“窗口宽度”的设置，这未反映在模板实例化中。

在我的leaflet/widget.html：

<script type="text/javascript">
    {% block vars %}var {{ module }} = {};
    {{ module }}.fieldid = '{{ id_css }}';
    {{ module }}.modifiable = {{ modifiable|yesno:"true,false" }};
    {{ module }}.geom_type = '{{ geom_type }}';
    {{ module }}.srid = {{ map_srid }};
    {% endblock vars %}
       function {{ id_map_callback }}(map, options) {
        window.LEAFLET_DATA['{{ module }}'].store_class = {{ field_store_class }};
        (new {{ geometry_field_class}}(window.LEAFLET_DATA['{{ module }}'])).addTo(map);
        {% block callback %}{% endblock callback %}
    };

    {% if target_map %}
        window.addEventListener('map:init', function (e) {
            var target_map = e.detail.map;
            target_map.on('map:loadfield', function (me) {
                if (me.fieldid == 'id_{{ target_map }}') {
                    setTimeout(function () {
                        {{ id_map_callback }}(target_map, e.detail.options);
                    }, 0);
                }
            });
        }, false);
    {% endif %}
</script>

从text/template元素：

<script type="text/javascript">
    var geodjango___prefix___value = {};
    geodjango___prefix___value.fieldid = '__prefix__-value';
    geodjango___prefix___value.modifiable = true;
    geodjango___prefix___value.geom_type = 'Geometry';
    geodjango___prefix___value.srid = 4326;


    function __prefix___value_map_callback(map, options) {
        geodjango___prefix___value.store_class = L.FieldStore;
        (new L.GeometryField(geodjango___prefix___value)).addTo(map);

    };

</script>

Streamfield 块 API 没有明确提到这个用例。

你有这种块的工作块示例吗？

谢谢 ！

4

1 回答 1

0

要求：

django-leaflet
django-geosjon
jsonfield

块定义：使用来自 django-leaflet / django-geosjon 的传单小部件

class GeoJSONBlock(FieldBlock):
    geom_type = 'POINT'

    def __init__(self, required=True, help_text=None, max_length=None, min_length=None, **kwargs):
        if self.geom_type is None:
            raise NotImplemented('You are attempting to use ``GeoJSONBlock`` directly, which *WILL* not work !')

        self.field = GeoJSONFormField(required=required,
                                      help_text=help_text,
                                      max_length=max_length,
                                      min_length=min_length,
                                      geom_type=self.geom_type)
        super(GeoJSONBlock, self).__init__(**kwargs)

    def render_form(self, value, prefix='', errors=None):
        """
        Renders ``edit`` form

        :param value: current value
        :param prefix: prefix of the form item
        :param errors: Validations errors
        :returns: HTML Fragment
        """
        logger.debug('MapBlock::render_form() value = %s', value)
        rendered = super(GeoJSONBlock, self).render_form(value=value, prefix=prefix, errors=errors)
        return rendered

    def render(self, value, context=None):
        """
        Renders the widget in the web site

        :param value: current value
        :param context: Additional render context
        :returns: HTML Fragment
        """
        logger.debug('MapBlock::render() value = %s', value)
        rendered = super(GeoJSONBlock, self).render(value=value, context=context)
        return rendered

    @property
    def media(self):
        return forms.Media(
            js=['wagtailleaflet/leaflet_init.js', ]
        )

    def js_initializer(self):
        """
        JS function to launch on start'up
        :returns: JS function name, from ``wagtailleaflet/leaflet_init.js``
        """
        output = 'drawMap'
        logger.debug('MapBlock::js_initializer() output = %s', output)
        return output

        def html_declarations(self):
            output = render_to_string('wagtailleaflet/leaflet_forms.html')
            return output

用法：

from wagtail.wagtailadmin.edit_handlers import StreamFieldPanel
from wagtail.wagtailcore.fields import StreamField
from wagtail.wagtailcore.models import Page
from wagtail.wagtailcore import blocks
from wagtailleaflet.blocks import GeoJSONPointBlock

class DemoPage(Page):
    """
    Simple demo page 
    """
    body = StreamField([('text', blocks.RichTextBlock()),
                        ('map', GeoJSONPointBlock()), ])

    content_panels = Page.content_panels + [StreamFieldPanel('body')]

我发现问题来自传单实现，它使用slugify（将 id 设置为较低）来创建 id，这会__PREFIX__在块初始化时破坏 sequence.js 中的替换。

重新制作有点复杂，这就是为什么我确实使用演示 wagtail 项目将链接放入我的仓库。

于 2017-05-04T13:11:09.497 回答