时间戳

首页 > 解决方案 > 提交后保持物化 CSS 模态表单打开

css - 提交后保持物化 CSS 模态表单打开

问题描述

我在物化模态中使用表单，但是当我单击提交按钮时，模态将被关闭并重定向，如何在提交后不关闭模态的情况下重新加载具有空字段的现有表单？

        <div class="modal" id="docModal{{applications.id}}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="height: 500px;">
            <div class="modal-dialog modal-full-height modal-right modal-notify modal-info" style="margin: 0;" role="document">
          ........

            {{ form_start(form) }}

                <div class="form_group">
                   <label for="{{form.nom.vars.id}}">Nom</label>
                         <input type="text" class="form_control" id="{{form.nom.vars.id}}" name="{{form.nom.vars.full_name}}" value="{{form.nom.vars.value}}" required>
                 {{form_errors(form.nom)}}
                {% do form.nom.setRendered %}
              </div>
                  <!-------BTN AJOUT---------->
                 <input  type="submit" class="btn btn-success" onclick="M.toast({html: 'Lien ajouté !', classes: 'rounded'});" value="Ajouter" style="transform: translate(32em);"
                                    id="carto_cartographiebundle_liendocapp_ajouter" name="carto_cartographiebundle_liendocapp[ajouter]">
                  {% do form.ajouter.setRendered %}
           {{form_end(form)}} 
      </div>
 </div>

控制器

      public function indexAction(Request $request)
       {

    $em = $this->getDoctrine()->getManager();
    $applications = $em->getRepository('CartoBundle:Application')->findAll();
    $lienDocApp = new LienDocApp();
    $form=$this->createForm(LienDocAppType::class, $lienDocApp);
    $form->handleRequest($request);
    if ($form->isSubmitted()&& $form->isValid()){
        $em = $this->getDoctrine()->getManager();
        $em->persist($lienDocApp);
        $em->flush();
        return $this->redirectToRoute('carto_accueil');
    }

    return $this->render('CartoBundle:Accueil:index.html.twig', array(
        'applications'=>$applications,
         'lienDocApp' => $lienDocApp,
        'form' => $form->createView(),
    ));
}

标签： cssajaxsymfonymodal-dialogmaterialize

解决方案

有两种方法可以做到这一点。

  1. 正如上面 Fabian 提到的，您可以使用基于 ajax 的表单提交来刷新模态框的内容——这应该相对容易做到。

  2. 您可以让表单重定向到同一页面并将变量传递回页面，告诉它加载模式。它可能并不完美，因为模式会在页面加载后打开，但有时人们可能更喜欢这样。你可以看看这个问题：当窗口准备好时，如何打开物化模式？

推荐阅读