显示带有循环的Twig表单

时间:2018-04-26 09:27:14

标签: forms loops twig symfony4

我目前正在建立私人社交网络以获得乐趣并提高我的技能。 无论如何,我想显示一个表单,使用循环对帖子发表评论,但我遇到了问题。 我正在使用Symfony,twig和bootstrap,我想保留js,jquery或ajax。

这是我的代码:

我的表单构建器:

class CommentType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('title', null, [
                "label" => "Your title"
            ])
            ->add('content', null, [
                "label" => "Your content"
            ])
            ->add('submit', SubmitType::class, [
                "label" => "Publish your shitty comment!"
            ]);
    }

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

和我的观点:

<ul class="nav col-4 offset-3">
        {% for post in posts %}

            <li class="postItem">
                <article class="postItem">
                    <p> {{ post.title }} </p>
                    <img id="postPics" src="{{ asset('./pictures/posts/' ~ post.picture) }}">
                    {{ form(leaveCommentForm) }}
                    <h3>{{ post.title }}</h3>
                    <p>{{ post.content }}</p>
                    <author>{{ post.user.username }}</author>
                    <div class="commentPost">
                        {% for comment in post.comments %}

                            <article>
                                <h6 style="font-weight: bold">{{ comment.title }} -
                                    By
                                    <author>{{ comment.user.username }}
                                        on {{ comment.dateCreated | date('Y-M-d') }}</author>
                                </h6>
                                <p>{{ comment.content }}</p>
                            </article>
                        {% endfor %}
                    </div>
                    <input type="hidden" value="{{ post.id }}" name="postId"> {{ post.id }}
                    <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
                        Leave a comment
                    </button>
                    <!-- Modal -->
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                         aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title" id="myModalLabel">Leave a comment</h4>
                                </div>
                                <div class="modal-body">
                                    {{ form_start(leaveCommentForm) }}
                                    <input type="hidden" value="{{ post.id }}" name="postId"> {{ post.id }}
                                    {{ form_end(leaveCommentForm) }}
                                </div>
                            </div><!-- /.modal-content -->
                        </div><!-- /.modal-dialog -->
                    </div><!-- /.modal -->
                </article>
            </li>


        {% endfor %}
    </ul>

正如你所看到的,我想在帖子的每次迭代中显示我的表格(有或没有模态我真的不在乎我只是尝试了一些东西)。

我的问题是:

*如果我使用模态,我无法在我的模态中获取post.id,因此我无法将其发送到我的控制器。 实际上我得到每个帖子的第一个post.id的值。

*如果我不使用模态,我甚至无法在页面上看到我的表格。

如果你有一个很棒的解决方案!

先谢谢你们!

0 个答案:

没有答案