【问题标题】:How to add a form in a modal?如何在模态中添加表单?
【发布时间】:2016-02-24 15:02:40
【问题描述】:

我在 jquery 中做一个模态。我想在我的模态中打印一个来自 symfony 的表格。但是如何在 jquery 文件中打印树枝?

我的树枝文件:

{% extends '::base.html.twig' %}
{% block javascripts %}
    <script type="text/javascript" src="{{ asset('bundles/test/js/myJquery.js') }}"></script>
{% endblock %}
<div class="col-lg-offset-4 col-lg-4">
    {{ form(form) }}
</div>

我是 jquery 我使用 bootbox (http://bootboxjs.com/),我添加了模态:

bootbox.dialog({
                message: 'Le cours aura lien de: '+debut.getHours()+':'+debut.getMinutes()+' à '+fin.getHours()+':'+fin.getMinutes(),
                title: 'Cours individuel',
                buttons: {
                    success: {
                        label: 'oui',
                        className: "btn-success",
                        callback: function () {
                            $.ajax({
                                type: "POST",
                                url: Routing.generate('', {}),
                                dataType: "json",
                                beforeSend: function () {

                                },
                                success: function () {
                            }
                        });
                    }
                },
                danger: {
                    label: 'non',
                    className: "btn-danger",
                    callback: function () {
                    }
                }
            }
        });

我必须在消息中添加树枝:xxx

我该怎么做?

谢谢 最好的问候

【问题讨论】:

    标签: jquery twitter-bootstrap symfony modal-dialog bootbox


    【解决方案1】:

    假设您的模态脚本位于 twig 文件中 - 您可以使用以下代码渲染另一个控制器:

    {{ render(controller('YourBundle:Form:Form')) }}
    

    YourBundle:Form:Form 替换为控制器操作的路径。

    【讨论】:

    • 在这里阅读更多:symfony.com/doc/current/quick_tour/…
    • 但在我的 jquery 中我无法输入树枝语法
    • 那么您有两个选择 - 将该脚本从 .js 文件移动到 .twig 文件,或者使用 ajax 加载该表单操作的内容并将其注入该模式。
    • 我认为这一定是一个解决方案。我可以通过 ajax 访问并创建一个表单,那么如何通过 ajax 将表单注入到 javascript 文件中?
    • 或者只是在我的 jquery 中导入一个树枝文件的结果?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-03-05
    • 2023-03-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-29
    相关资源
    最近更新 更多