symfony 4中动态表单内容的变化

Question

我想在表单中使用3个实体，用户，地址和标签。标签通过其ID引用用户和地址：

mysql> describe user;
+-------+----------+------+-----+---------+----------------+
| Field | Type     | Null | Key | Default | Extra          |
+-------+----------+------+-----+---------+----------------+
| id    | int(11)  | NO   | PRI | NULL    | auto_increment |
| name  | longtext | NO   |     | NULL    |                |
+-------+----------+------+-----+---------+----------------+
2 rows in set (0.00 sec)

mysql> describe address;
+-------+----------+------+-----+---------+----------------+
| Field | Type     | Null | Key | Default | Extra          |
+-------+----------+------+-----+---------+----------------+
| id    | int(11)  | NO   | PRI | NULL    | auto_increment |
| name  | longtext | NO   |     | NULL    |                |
+-------+----------+------+-----+---------+----------------+
2 rows in set (0.00 sec)

mysql> describe tag;
+------------+----------+------+-----+---------+----------------+
| Field      | Type     | Null | Key | Default | Extra          |
+------------+----------+------+-----+---------+----------------+
| id         | int(11)  | NO   | PRI | NULL    | auto_increment |
| user_id    | int(11)  | YES  | MUL | NULL    |                |
| address_id | int(11)  | YES  | MUL | NULL    |                |
| text       | longtext | NO   |     | NULL    |                |
+------------+----------+------+-----+---------+----------------+
4 rows in set (0.00 sec)

我的表单构建器：

public function buildForm(FormBuilderInterface $builder, array $options)
{
    $builder
        ->add('user',EntityType::class, [
            'class' => User::class
        ])
        ->add('address', EntityType::class, [
            'class' => Address::class
        ])
        ->add('text')
        ->add('save', SubmitType::class)
    ;
}

现在，我添加了一些JS，以便在用户从下拉列表中更改所选用户或地址时提交表单。但是，如果所选用户和地址存在相应的标签，我想在表单中预先填充文本字段，以便用户可以编辑它。有谁知道我怎么能在symfony做到这一点？

Please check this image

在更改时，使用JS提交表单。如果数据库中存在具有相应用户和地址的标记，则在文本字段中从DB预加载文本，以便用户可以看到它已经存在并且可以进行编辑。否则只显示空框，按下保存时将创建一个新标签。

Answer 1

首先，您需要将表单绑定到标记类。所以在TagType.php中你将拥有：

public function configureOptions(OptionsResolver $resolver) {
    $resolver->setDefaults([
        'data_class' => Tag::class,
        'csrf_token_id' => 'tag_form'
    ]);
}

有许多方法可以实现您想要的功能。例如，您可以在数据库中找到所有标签，列出它们，然后通过编辑按钮编辑您想要的每个标签。然后你只需要一个创建按钮来创建新标签。

但是，在您选择实施它的方式中，您在更改用户或地址时不必提交表单。您只需要创建一个这样的javascript函数：

function onChange(){
    var userId = $('input#user_input').val();
    var addressId = $('input#address_input').val();
    $.post( "check-tag", { user: userId, address: addressId }).done(function( data ) {
        if (data.tagText !== ""){
            $( "input#text_input" ).val( data.tagText );
        }
    });
}

然后绑定你的事件处理程序，如下所示：

$('input#user_input, input#address_input').on('change', function() {
    onChange();
});

您的“检查标记”路径的控制器应如下所示：

/**
 * @Route("/check-tag", name="check-tag", options={ "expose" = true })
 */
public function checkTag(Request $request, EntityManagerInterface $em) {
    $userId = $request->request->get('user');
    $addressId = $request->request->get('address');
    $tagRepository = $em->getRepository(Tag::class);
    $tag = $tagRepository->findBy(['user' => $userId, 'address' => $addressId]);

    $tagText = $tag ? $tag->getText() : '';

    return $this->json(['tagText' => $tagText]);
}

最后，您可以在准备好时正确提交表格。当您只需要检查标签是否存在并获取其文本时，无需验证等。

笔记：

• 上面的代码假设您使用doctrine来处理数据库连接。否则只需正确修改代码即可。
• 您应该使用FOSJsRoutingBundle在javascript中生成路由，而不是像我的示例中那样对它们进行硬编码。这就是我的路由配置中使用选项expose = true的地方。
• 您将不得不再次检查控制器中是否存在您处理表单提交的标记，否则在尝试保留已存在的标记时，您将收到重复插入的学说错误。
• 当然，你必须稍微改变我的代码，特别是如果你不使用jQuery。