OroCrm：动态表格

问题描述

我正在尝试使用 Oro 3.1.1 和 Symfony 3.4 制作动态表单。为了使表单动态化，我使用 ajax 发布表单，使用一些侦听器并使用响应 html 字段更新页面，如 Symfony 文档中所述：https://symfony.com/doc/current/form/dynamic_form_modification.html#dynamic-generation-for-submitted-forms

我的问题是某些字段是 select2 或自动完成的，因此它们与 data-page-component-module 相关联。我知道这些字段是通过 PageComponent render() 函数在页面第一次呈现时初始化的，但是它在页面加载时运行，我不明白如何呈现来自 ajax 的新字段回复。

我在文档中没有找到任何关于重新渲染页面组件模块的内容，有没有办法在 PageController 上触发 page:update 事件？如果是这样，我如何获得控制器的句柄？

基本上js代码是这样的：

        require(['jquery'],function($) {
            $(document).ready(() => {
                const $field1 = $('[name="field1"]');
                // ...
                const $token = $('[name="_token"]');
                const controlGroup = '.control-group';

                fieldsToReplace = [
                    'field2',// ...
                ];

                const updateForm = () => {
                    const $form = $(this).closest('form');
                    const data = {};

                    data[$token.attr('name')] = $token.val();
                    data[$field1.attr('name')] = $field1.val();
                    // ...

                    $.post($form.attr('action'),data).then((response) => {
                        fieldsToReplace.forEach((field) => {
                            $(`[name="${field}"]`)
                                .closest(controlGroup)
                                .replaceWith($(response).find(`[name="${field}"]`).closest(controlGroup));
                        });

                        $field1 = $('[name="field1"]');
                        $field1.on('change',updateForm);
                    });
                };

                $field1.on('change',updateForm);
            });
        });

所以我想触发一个事件以在从响应中替换 html 后重建新字段。

提前致谢

解决方法

根据核心中的示例，您必须在新的 HTML 元素上触发 content:changed 事件。 例如，请参见 https://github.com/oroinc/orocommerce/blob/89631c4/src/Oro/Bundle/PromotionBundle/Resources/public/js/app/views/discount-options-view.js#L49-L53