如何创建模板枝杈和Twitter的自举模式窗口(How create modal window wi

2019-08-20 04:45发布

我使用Symfony和自举定制我的网站的风格。 我有一个树枝文件:register_content.html.twig其中包含了报名登记表。

在我index.html.twig我想有这样的事情:

<a href="{{ path('fos_user_registration_register') }}" class="btn" data-toggle="modal">Je m'inscris !</a>

要显示登记表的模态窗口的内容,但它不工作。

我在这里尝试使用Twitter的引导文件: http://bootstrap.braincrafted.com/javascript#modals

但我不能找到一种方法,可以轻松地将它的树枝在symfony中...

你可以帮帮我吗 ?

谢谢

Answer 1:

你的问题是完全无关的symfony或树枝。 这是因为丢失数据的属性为模式而努力!

你可以这样做了以下几个方面:

  1. 整合登记表格内index.html在一个模式对话框,并按照静态模式对话框引导例如:

     <button type="button" data-toggle="modal" data-target="#myModal">I register !</button> <div id="myModal" class="modal hide fade"> <!-- register form here --> </div> 
  2. 你也可以加载通过Ajax登记表的内容。 在这种情况下,请参阅情态动词的远程选项:

     <a data-toggle="modal" href="{{ path('fos_user_registration_register') }}" data-target="#myModal">click me</a> <div id="myModal"></div> 

    只要确保不发送时对URL进行Ajax请求的任何布局,否则你有你的div,这既不是有效的(HTML页面的HTML页面内),也不是一个好主意,里面完整的HTML页面。



文章来源: How create modal window with Twig template and Twitter-Bootstrap