在Symfony2表单小部件中包含Javascript

Question

我创建了自己的小型Symfony2表单类型。 为了使其正常工作，我需要包含一个js库。 虽然在单个Web应用程序中使用此新表单类型时这是一项简单的任务，但当我决定将该表单类型移动到专用包以使其可重用时，这变得更加困难。

目前，我知道两种可能的解决方案

1）让每个使用我的包的人都在他们的base.html.twig中添加一行

2）添加一个<script>标签，用于将库嵌入到我的表单小部件中

他们两个都不是很聪明，所以我的问题是：我该如何做得更好？ 特别是，如果我的表单类型可以在一个页面上多次包含。 更糟糕的是，如果我的表单类型要求例如JQuery存在，但我不知道，如果JQuery已经加载到应用程序中。

Answer 1

由于你没有任何关于bundle的用户实际包含JS的控件（我知道它们不包含在::base.html.twig文件中的项目，而是在一个名为layout.html.twig的文件中）在应用程序的主要包中），一个好方法是提供一个JavaScript文件，然后可以通过Assetic包含，如下所示：

{% javascripts debug=false output="js/bundles.js"
    '@YourVendorAndBundleName/Resources/public/js/formtype.js'
%}
    <script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}

因此，您基本上只需将所需内容存储在{yourBundle}/Resources/public/js中的一个文件中。 symfony2命令assets:install将完成剩下的工作。

通过这种方式，用户可以将JS与其他供应商JS一起存储在一个文件中，并使用它来做更多的事情，如缩小等。

重要说明：请务必将其添加到安装/使用指南中。

---

如果您的JS代码依赖于第三方JS库（如jQuery），则不应添加它们，因为Symfony2 Cookbook说： http ： //symfony.com/doc/master/cookbook/bundles/best_practices.html#vendors

相反，您可能需要具有特定名称的特定资产，如此处所述： 在Symfony 2中管理常见的javascript依赖项