如何嵌入一个集合的形式
编辑本页警告:您正在浏览的文档欧宝体育电话欧宝娱乐app下载地址Symfony 4.2，现已不再维护。
读本页的更新版本用于Sy欧宝娱乐app下载地址mfony 6.2(当前稳定版本)。
任务类，并且您想编辑/创建/删除许多标签与该任务相关的对象，就在同一个表单中。
请注意
在本文中，我们粗略地假设您使用Doctrine作为数据库存储。但如果你不使用Doctrine(例如，Propel或只是一个数据库连接)，这是非常相似的。本教程中只有少数部分真正关心“持久性”。
如果你是使用Doctrine时，您将需要添加Doctrine元数据，包括多Task的关联映射定义标签财产。
首先，假设每个任务属于多个标签对象。首先创建一个简单的任务类:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
/ / src /实体/ Task.php名称空间应用程序\实体；使用学说\常见的\集合\ArrayCollection；类任务｛受保护的＄描述；受保护的＄标签；公共函数__construct（）｛＄这->标签=新ArrayCollection ();｝公共函数getDescription（）｛返回＄这->描述;｝公共函数setDescription（＄描述）｛＄这->描述=＄描述；｝公共函数getTags（）｛返回＄这->标签;}}
请注意
的ArrayCollection是教义所特有的，基本上与使用数组(但它必须是一个ArrayCollection如果你使用的是Doctrine)。
现在，创建一个标签类。正如你在上面看到的，a任务可以有很多标签对象:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
/ / src /实体/ Tag.php名称空间应用程序\实体；类标签｛私人＄的名字；公共函数getName（）｛返回＄这->名称;｝公共函数setName（＄的名字）｛＄这->name =＄的名字；}}然后，创建一个表单类，以便a标签对象可以被用户修改:
12 3 4 5 6 7 8 9 10 11 12 13 14 16 17 18 19 20 21 22
/ / src /形式/ TagType.php名称空间应用程序\形式；使用应用程序\实体\标签；使用欧宝娱乐app下载地址\组件\形式\AbstractType；使用欧宝娱乐app下载地址\组件\形式\FormBuilderInterface；使用欧宝娱乐app下载地址\组件\OptionsResolver\OptionsResolver；类TagType扩展AbstractType｛公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛＄构建器->add (“名字”）;｝公共函数configureOptions(OptionsResolver＄解析器）｛＄解析器->setDefaults ([“data_class”= >标签：：类,]);}}有了这些，您就足够单独呈现一个标签表单了。但由于最终目标是允许a的标记任务控件的窗体中进行修改，请为任务类。
的集合TagType使用CollectionType字段:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
/ / src /形式/ TaskType.php名称空间应用程序\形式；使用应用程序\实体\任务；使用欧宝娱乐app下载地址\组件\形式\AbstractType；使用欧宝娱乐app下载地址\组件\形式\扩展\核心\类型\CollectionType；使用欧宝娱乐app下载地址\组件\形式\FormBuilderInterface；使用欧宝娱乐app下载地址\组件\OptionsResolver\OptionsResolver；类TaskType扩展AbstractType｛公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛＄构建器->add (“描述”）;＄构建器->add (“标签”, CollectionType：：类,“entry_type”= > TagType：：类,“entry_options”= > [“标签”= >假)));｝公共函数configureOptions(OptionsResolver＄解析器）｛＄解析器->setDefaults ([“data_class”= >任务：：类,]);}}控件中创建一个新表单TaskType：
12 34 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
/ / src /控制器/ TaskController.php名称空间应用程序\控制器；使用应用程序\实体\标签；使用应用程序\实体\任务；使用应用程序\形式\TaskType；使用欧宝娱乐app下载地址\包\FrameworkBundle\控制器\AbstractController；使用欧宝娱乐app下载地址\组件\HttpFoundation\请求；类TaskController扩展AbstractController｛公共函数新(请求＄请求）｛＄任务＝新任务();//伪代码-这里只是为了任务有一些标签//否则，这不是一个有趣的例子＄标签1＝新标签();＄标签1->setName (“标签1”）;＄任务->getTags ()->add (＄标签1）;＄标签2＝新标签();＄标签2->setName (标签2的）;＄任务->getTags ()->add (＄标签2）;//结束虚拟代码＄形式＝＄这->createForm (TaskType：：类,＄任务）;＄形式->handleRequest (＄请求）;如果（＄形式->isSubmitted () & &＄形式->isValid ()) {/ /……可能会做一些表单处理，比如保存Task和Tag对象｝返回＄这->呈现(“任务/ new.html.twig”, (“形式”= >＄形式->createView ()));}}对应的模板现在能够同时呈现描述字段的TagType已经与此相关的任何标记的表单任务．在上面的控制器中，我添加了一些虚拟代码，这样你就可以看到它的作用(因为a任务第一次创建时没有标记)。
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
{/任务/ new.html #模板。树枝#}{#……#}{{form_start(form)}}{#渲染任务的唯一字段:description #}{{form_row(form.description)}}<h3>标签h3><ul类＝“标签”>{#遍历每个现有标签并呈现其唯一字段:name #}{%为形式上的标签。标签%}<李>{{form_row(tag.name)}}李>{%endfor%}ul>{{form_end(form)}}{#……#}当用户提交表单时，提交的数据为标签字段用于构造一个ArrayCollection的标签对象，然后在标签字段任务实例。
的标签收集自然是通过任务- > getTags ()并且可以持久化到数据库中，或者根据需要任意使用。
到目前为止，这工作得很好，但不允许动态添加新标记或删除现有标记。因此，虽然编辑现有的标签会工作得很好，但用户实际上还不能添加任何新标签。
谨慎
在本文中，您只嵌入了一个集合，但并不仅限于此。您还可以将嵌套集合嵌入到您喜欢的任意级别。但是，如果在开发设置中使用Xdebug，则可能会收到一个错误已达到'100'的最大函数嵌套级别，中止!错误。这是由于xdebug.max_nesting_levelPHP设置，默认为One hundred.．
这个指令将递归限制在100个调用，如果你一次呈现整个表单，这可能还不够form_widget(形式))．要解决这个问题，你可以将这个指令设置为一个更高的值(通过aphp . ini档案或经由报错，例如在公共/ index . php)或手动渲染每个表单字段form_row ()．
此表单不应包含额外字段．要使其更加灵活，可以添加allow_add选择您的收集字段:
12 3 4 5 6 7 8 9 10 11 12 13 14 15
/ / src /形式/ TaskType.php/ /……使用欧宝娱乐app下载地址\组件\形式\FormBuilderInterface；公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛＄构建器->add (“描述”）;＄构建器->add (“标签”, CollectionType：：类,“entry_type”= > TagType：：类,“entry_options”= > [“标签”= >假),“allow_add”= >真正的]);｝除了告诉字段接受任意数量的提交对象之外，allow_add也会产生“原型”变量可供您选择。这个“原型”是一个小的“模板”，它包含了能够呈现任何新“标签”表单的所有HTML。要渲染它，请对模板进行以下更改:
1 2 3
<ul类＝“标签”data-prototype＝＂{{form_widget(form.tags.vars.prototype)|e('html_attr')}}＂>.．.ul>
请注意
如果你渲染你的整个“标签”子表单一次(例如。form_row (form.tags))，则原型自动可在外部使用div随着data-prototype属性，类似于上面所看到的。
提示
的form.tags.vars.prototype表单元素看起来和感觉起来就像个体吗form_widget(标签)您的为循环。这意味着你可以打电话form_widget ()，form_row ()或了form_label ()在上面。你甚至可以选择只呈现它的一个字段(例如的名字字段):
1
{{form_widget(form.tags.vars.prototype.name)|e}}在渲染的页面上，结果看起来像这样:
1
<ul类＝“标签”data-prototype＝＂& lt;div比;& lt;标签类=“;要求“;比;__name__& lt;/标签比;& lt;div id =“;task_tags___name__“;比;& lt;div比;& lt;标签=“;task_tags___name___name“;类=“;要求“;比;的名字& lt;/标签比;& lt;输入类型=“;文本“;id =“;task_tags___name___name“;name =“;任务[标记][__name__][名称]“;要求=“;要求“;最大长度=“;255“;/比;& lt;/ div比;& lt;/ div比;& lt;/ div比;＂>本节的目标是使用JavaScript读取该属性，并在用户单击“添加标记”链接时动态添加新的标记表单。本示例使用jQuery，并假设您在页面的某个地方包含了jQuery。
添加一个脚本标签，这样您就可以开始编写JavaScript了。
首先，通过JavaScript将一个链接添加到“tags”列表的底部。其次，绑定到该链接的“click”事件，这样您就可以添加一个新的标记表单(addTagForm ()将在下一页显示):
12 3 4 5 6 7 8 9 10 11 12 13 14 16 17 18 19 20 21 22
varcollectionHolder美元;//设置一个“添加标签”链接var$addTagButton = $(''）;var$newLinkLi = $李李' < > < / > ') .append (addTagButton美元);jQuery (文档时(函数（）｛//获取包含标签集合的ul$collectionHolder = $(“ul.tags”）;//添加“添加标签”锚和li到标签ul(collectionHolder.append美元newLinkLi);//计算当前的表单输入(例如2)，使用它作为新的//当插入一个新项时(例如2)collectionHolder.data美元(“指数”collectionHolder.find美元(:输入) . length);addTagButton.on美元(“点击”，函数（e）｛//添加一个新的标签表单(见下一个代码块)addTagForm (collectionHolder, newLinkLi美元);});})；的addTagForm ()函数的工作是使用data-prototype属性在单击此链接时动态添加新表单。的data-prototypeHTML包含标签文本输入名称为的元素任务[标记][__name__][名称]的idtask_tags___name___name．的__name__是一个小的“占位符”，您将用一个唯一的递增数字(例如。任务[标记][3][名称])．
实现这一切所需的实际代码可能会有很大的不同，但这里有一个例子:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
函数addTagForm（collectionHolder, newLinkLi美元）｛//获取前面解释的数据原型var$collectionHolder.data(“原型”）;//获取新的索引var$collectionHolder.data(“指数”）;varnewForm =原型;//如果你没有在TaskType的tags字段中设置'label' => false，你就需要这个//替换原型HTML中的` __name__label__ `//而是一个基于我们有多少项的数字// newForm = newForm。替换(/ __name__label__ / g,指数);//将原型HTML中的__name__替换为//而是一个基于我们有多少项的数字newForm = newForm.replace(/ __name__ / g、指数);//为下一项增加索引collectionHolder.data美元(“指数”， index +1）;//在“添加标签”链接之前，以一里的单位显示页面中的表单var$newFormLi = $(李李' < > < / > ') .append (newForm中将);(newLinkLi.before美元newFormLi);｝
请注意
最好将JavaScript分离到真正的JavaScript文件中，而不是像这里这样在HTML中编写。
现在，每当用户单击添加标签链接，一个新的子表单将出现在页面上。当表单提交时，任何新的标签表单都将转换为新的标签对象，并添加到标签的属性任务对象。
另请参阅
您可以在这里找到一个工作示例JSFiddle．
另请参阅
如果您想自定义原型中的HTML代码，请阅读如何处理表单主题．
控件中的标记添加一个“加法器”和一个“移除器”方法，使处理这些新标记更加容易任务类:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
/ / src /实体/ Task.php名称空间应用程序\实体；/ /……类任务｛/ /……公共函数addTag(标签＄标签）｛＄这->标签->add (＄标签）;｝公共函数removeTag(标签＄标签）｛/ /……}}接下来，添加一个by_reference选项。标签字段并设置为假：
12 3 4 5 6 7 8 9 10 11 12
/ / src /形式/ TaskType.php/ /……公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛/ /……＄构建器->add (“标签”, CollectionType：：类,/ /……“by_reference”= >假]);｝通过这两个更改，当表单提交时，每个更改都是新的标签对象添加到任务类，通过调用addTag ()方法。在此更改之前，它们是通过调用在表单内部添加的任务- > getTags() - >添加标签($)．这很好，但是强制使用“加法器”方法使得处理这些问题变得很新鲜标签对象更容易(特别是如果你使用Doctrine，你将在接下来学习!)。
谨慎
你必须创造这两个addTag ()而且removeTag ()方法，否则表单仍将使用setTag ()即使by_reference是假．你会学到更多关于removeTag ()方法。
请注意
在本文中，我们粗略地假设您使用Doctrine作为数据库存储。但如果你不使用Doctrine(例如，Propel或只是一个数据库连接)，这是非常相似的。本教程中只有少数部分真正关心“持久性”。
如果你是使用Doctrine时，您将需要添加Doctrine元数据，包括多Task的关联映射定义标签财产。
任务属于多个标签对象。首先创建一个简单的任务类:12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
/ / src /实体/ Task.php名称空间应用程序\实体；使用学说\常见的\集合\ArrayCollection；类任务｛受保护的＄描述；受保护的＄标签；公共函数__construct（）｛＄这->标签=新ArrayCollection ();｝公共函数getDescription（）｛返回＄这->描述;｝公共函数setDescription（＄描述）｛＄这->描述=＄描述；｝公共函数getTags（）｛返回＄这->标签;}}请注意
的ArrayCollection是教义所特有的，基本上与使用数组(但它必须是一个ArrayCollection如果你使用的是Doctrine)。
标签类。正如你在上面看到的，a任务可以有很多标签对象:12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
/ / src /实体/ Tag.php名称空间应用程序\实体；类标签｛私人＄的名字；公共函数getName（）｛返回＄这->名称;｝公共函数setName（＄的名字）｛＄这->name =＄的名字；}}标签对象可以被用户修改:12 3 4 5 6 7 8 9 10 11 12 13 14 16 17 18 19 20 21 22
/ / src /形式/ TagType.php名称空间应用程序\形式；使用应用程序\实体\标签；使用欧宝娱乐app下载地址\组件\形式\AbstractType；使用欧宝娱乐app下载地址\组件\形式\FormBuilderInterface；使用欧宝娱乐app下载地址\组件\OptionsResolver\OptionsResolver；类TagType扩展AbstractType｛公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛＄构建器->add (“名字”）;｝公共函数configureOptions(OptionsResolver＄解析器）｛＄解析器->setDefaults ([“data_class”= >标签：：类,]);}}任务控件的窗体中进行修改，请为任务类。TagType使用CollectionType字段:12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
/ / src /形式/ TaskType.php名称空间应用程序\形式；使用应用程序\实体\任务；使用欧宝娱乐app下载地址\组件\形式\AbstractType；使用欧宝娱乐app下载地址\组件\形式\扩展\核心\类型\CollectionType；使用欧宝娱乐app下载地址\组件\形式\FormBuilderInterface；使用欧宝娱乐app下载地址\组件\OptionsResolver\OptionsResolver；类TaskType扩展AbstractType｛公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛＄构建器->add (“描述”）;＄构建器->add (“标签”, CollectionType：：类,“entry_type”= > TagType：：类,“entry_options”= > [“标签”= >假)));｝公共函数configureOptions(OptionsResolver＄解析器）｛＄解析器->setDefaults ([“data_class”= >任务：：类,]);}}TaskType：12 34 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
/ / src /控制器/ TaskController.php名称空间应用程序\控制器；使用应用程序\实体\标签；使用应用程序\实体\任务；使用应用程序\形式\TaskType；使用欧宝娱乐app下载地址\包\FrameworkBundle\控制器\AbstractController；使用欧宝娱乐app下载地址\组件\HttpFoundation\请求；类TaskController扩展AbstractController｛公共函数新(请求＄请求）｛＄任务＝新任务();//伪代码-这里只是为了任务有一些标签//否则，这不是一个有趣的例子＄标签1＝新标签();＄标签1->setName (“标签1”）;＄任务->getTags ()->add (＄标签1）;＄标签2＝新标签();＄标签2->setName (标签2的）;＄任务->getTags ()->add (＄标签2）;//结束虚拟代码＄形式＝＄这->createForm (TaskType：：类,＄任务）;＄形式->handleRequest (＄请求）;如果（＄形式->isSubmitted () & &＄形式->isValid ()) {/ /……可能会做一些表单处理，比如保存Task和Tag对象｝返回＄这->呈现(“任务/ new.html.twig”, (“形式”= >＄形式->createView ()));}}描述字段的TagType已经与此相关的任何标记的表单任务．在上面的控制器中，我添加了一些虚拟代码，这样你就可以看到它的作用(因为a任务第一次创建时没有标记)。12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
{/任务/ new.html #模板。树枝#}{#……#}{{form_start(form)}}{#渲染任务的唯一字段:description #}{{form_row(form.description)}}<h3>标签h3><ul类＝“标签”>{#遍历每个现有标签并呈现其唯一字段:name #}{%为形式上的标签。标签%}<李>{{form_row(tag.name)}}李>{%endfor%}ul>{{form_end(form)}}{#……#}标签字段用于构造一个ArrayCollection的标签对象，然后在标签字段任务实例。标签收集自然是通过任务- > getTags ()并且可以持久化到数据库中，或者根据需要任意使用。谨慎
在本文中，您只嵌入了一个集合，但并不仅限于此。您还可以将嵌套集合嵌入到您喜欢的任意级别。但是，如果在开发设置中使用Xdebug，则可能会收到一个错误已达到'100'的最大函数嵌套级别，中止!错误。这是由于xdebug.max_nesting_levelPHP设置，默认为One hundred.．
这个指令将递归限制在100个调用，如果你一次呈现整个表单，这可能还不够form_widget(形式))．要解决这个问题，你可以将这个指令设置为一个更高的值(通过aphp . ini档案或经由报错，例如在公共/ index . php)或手动渲染每个表单字段form_row ()．
此表单不应包含额外字段．要使其更加灵活，可以添加allow_add选择您的收集字段:
12 3 4 5 6 7 8 9 10 11 12 13 14 15
/ / src /形式/ TaskType.php/ /……使用欧宝娱乐app下载地址\组件\形式\FormBuilderInterface；公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛＄构建器->add (“描述”）;＄构建器->add (“标签”, CollectionType：：类,“entry_type”= > TagType：：类,“entry_options”= > [“标签”= >假),“allow_add”= >真正的]);｝除了告诉字段接受任意数量的提交对象之外，allow_add也会产生“原型”变量可供您选择。这个“原型”是一个小的“模板”，它包含了能够呈现任何新“标签”表单的所有HTML。要渲染它，请对模板进行以下更改:
1 2 3
<ul类＝“标签”data-prototype＝＂{{form_widget(form.tags.vars.prototype)|e('html_attr')}}＂>.．.ul>
请注意
如果你渲染你的整个“标签”子表单一次(例如。form_row (form.tags))，则原型自动可在外部使用div随着data-prototype属性，类似于上面所看到的。
提示
的form.tags.vars.prototype表单元素看起来和感觉起来就像个体吗form_widget(标签)您的为循环。这意味着你可以打电话form_widget ()，form_row ()或了form_label ()在上面。你甚至可以选择只呈现它的一个字段(例如的名字字段):
1
{{form_widget(form.tags.vars.prototype.name)|e}}在渲染的页面上，结果看起来像这样:
1
<ul类＝“标签”data-prototype＝＂& lt;div比;& lt;标签类=“;要求“;比;__name__& lt;/标签比;& lt;div id =“;task_tags___name__“;比;& lt;div比;& lt;标签=“;task_tags___name___name“;类=“;要求“;比;的名字& lt;/标签比;& lt;输入类型=“;文本“;id =“;task_tags___name___name“;name =“;任务[标记][__name__][名称]“;要求=“;要求“;最大长度=“;255“;/比;& lt;/ div比;& lt;/ div比;& lt;/ div比;＂>本节的目标是使用JavaScript读取该属性，并在用户单击“添加标记”链接时动态添加新的标记表单。本示例使用jQuery，并假设您在页面的某个地方包含了jQuery。
添加一个脚本标签，这样您就可以开始编写JavaScript了。
首先，通过JavaScript将一个链接添加到“tags”列表的底部。其次，绑定到该链接的“click”事件，这样您就可以添加一个新的标记表单(addTagForm ()将在下一页显示):
12 3 4 5 6 7 8 9 10 11 12 13 14 16 17 18 19 20 21 22
varcollectionHolder美元;//设置一个“添加标签”链接var$addTagButton = $(''）;var$newLinkLi = $李李' < > < / > ') .append (addTagButton美元);jQuery (文档时(函数（）｛//获取包含标签集合的ul$collectionHolder = $(“ul.tags”）;//添加“添加标签”锚和li到标签ul(collectionHolder.append美元newLinkLi);//计算当前的表单输入(例如2)，使用它作为新的//当插入一个新项时(例如2)collectionHolder.data美元(“指数”collectionHolder.find美元(:输入) . length);addTagButton.on美元(“点击”，函数（e）｛//添加一个新的标签表单(见下一个代码块)addTagForm (collectionHolder, newLinkLi美元);});})；的addTagForm ()函数的工作是使用data-prototype属性在单击此链接时动态添加新表单。的data-prototypeHTML包含标签文本输入名称为的元素任务[标记][__name__][名称]的idtask_tags___name___name．的__name__是一个小的“占位符”，您将用一个唯一的递增数字(例如。任务[标记][3][名称])．
实现这一切所需的实际代码可能会有很大的不同，但这里有一个例子:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
函数addTagForm（collectionHolder, newLinkLi美元）｛//获取前面解释的数据原型var$collectionHolder.data(“原型”）;//获取新的索引var$collectionHolder.data(“指数”）;varnewForm =原型;//如果你没有在TaskType的tags字段中设置'label' => false，你就需要这个//替换原型HTML中的` __name__label__ `//而是一个基于我们有多少项的数字// newForm = newForm。替换(/ __name__label__ / g,指数);//将原型HTML中的__name__替换为//而是一个基于我们有多少项的数字newForm = newForm.replace(/ __name__ / g、指数);//为下一项增加索引collectionHolder.data美元(“指数”， index +1）;//在“添加标签”链接之前，以一里的单位显示页面中的表单var$newFormLi = $(李李' < > < / > ') .append (newForm中将);(newLinkLi.before美元newFormLi);｝
请注意
最好将JavaScript分离到真正的JavaScript文件中，而不是像这里这样在HTML中编写。
现在，每当用户单击添加标签链接，一个新的子表单将出现在页面上。当表单提交时，任何新的标签表单都将转换为新的标签对象，并添加到标签的属性任务对象。
另请参阅
您可以在这里找到一个工作示例JSFiddle．
另请参阅
如果您想自定义原型中的HTML代码，请阅读如何处理表单主题．
控件中的标记添加一个“加法器”和一个“移除器”方法，使处理这些新标记更加容易任务类:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
/ / src /实体/ Task.php名称空间应用程序\实体；/ /……类任务｛/ /……公共函数addTag(标签＄标签）｛＄这->标签->add (＄标签）;｝公共函数removeTag(标签＄标签）｛/ /……}}接下来，添加一个by_reference选项。标签字段并设置为假：
12 3 4 5 6 7 8 9 10 11 12
/ / src /形式/ TaskType.php/ /……公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛/ /……＄构建器->add (“标签”, CollectionType：：类,/ /……“by_reference”= >假]);｝通过这两个更改，当表单提交时，每个更改都是新的标签对象添加到任务类，通过调用addTag ()方法。在此更改之前，它们是通过调用在表单内部添加的任务- > getTags() - >添加标签($)．这很好，但是强制使用“加法器”方法使得处理这些问题变得很新鲜标签对象更容易(特别是如果你使用Doctrine，你将在接下来学习!)。
谨慎
你必须创造这两个addTag ()而且removeTag ()方法，否则表单仍将使用setTag ()即使by_reference是假．你会学到更多关于removeTag ()方法。
12 3 4 5 6 7 8 9 10 11 12 13 14 15
/ / src /形式/ TaskType.php/ /……使用欧宝娱乐app下载地址\组件\形式\FormBuilderInterface；公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛＄构建器->add (“描述”）;＄构建器->add (“标签”, CollectionType：：类,“entry_type”= > TagType：：类,“entry_options”= > [“标签”= >假),“allow_add”= >真正的]);｝allow_add也会产生“原型”变量可供您选择。这个“原型”是一个小的“模板”，它包含了能够呈现任何新“标签”表单的所有HTML。要渲染它，请对模板进行以下更改:1 2 3
<ul类＝“标签”data-prototype＝＂{{form_widget(form.tags.vars.prototype)|e('html_attr')}}＂>.．.ul>请注意
如果你渲染你的整个“标签”子表单一次(例如。form_row (form.tags))，则原型自动可在外部使用div随着data-prototype属性，类似于上面所看到的。
提示
的form.tags.vars.prototype表单元素看起来和感觉起来就像个体吗form_widget(标签)您的为循环。这意味着你可以打电话form_widget ()，form_row ()或了form_label ()在上面。你甚至可以选择只呈现它的一个字段(例如的名字字段):
1
{{form_widget(form.tags.vars.prototype.name)|e}}1
<ul类＝“标签”data-prototype＝＂& lt;div比;& lt;标签类=“;要求“;比;__name__& lt;/标签比;& lt;div id =“;task_tags___name__“;比;& lt;div比;& lt;标签=“;task_tags___name___name“;类=“;要求“;比;的名字& lt;/标签比;& lt;输入类型=“;文本“;id =“;task_tags___name___name“;name =“;任务[标记][__name__][名称]“;要求=“;要求“;最大长度=“;255“;/比;& lt;/ div比;& lt;/ div比;& lt;/ div比;＂>脚本标签，这样您就可以开始编写JavaScript了。addTagForm ()将在下一页显示):12 3 4 5 6 7 8 9 10 11 12 13 14 16 17 18 19 20 21 22
varcollectionHolder美元;//设置一个“添加标签”链接var$addTagButton = $(''）;var$newLinkLi = $李李' < > < / > ') .append (addTagButton美元);jQuery (文档时(函数（）｛//获取包含标签集合的ul$collectionHolder = $(“ul.tags”）;//添加“添加标签”锚和li到标签ul(collectionHolder.append美元newLinkLi);//计算当前的表单输入(例如2)，使用它作为新的//当插入一个新项时(例如2)collectionHolder.data美元(“指数”collectionHolder.find美元(:输入) . length);addTagButton.on美元(“点击”，函数（e）｛//添加一个新的标签表单(见下一个代码块)addTagForm (collectionHolder, newLinkLi美元);});})；addTagForm ()函数的工作是使用data-prototype属性在单击此链接时动态添加新表单。的data-prototypeHTML包含标签文本输入名称为的元素任务[标记][__name__][名称]的idtask_tags___name___name．的__name__是一个小的“占位符”，您将用一个唯一的递增数字(例如。任务[标记][3][名称])．12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
函数addTagForm（collectionHolder, newLinkLi美元）｛//获取前面解释的数据原型var$collectionHolder.data(“原型”）;//获取新的索引var$collectionHolder.data(“指数”）;varnewForm =原型;//如果你没有在TaskType的tags字段中设置'label' => false，你就需要这个//替换原型HTML中的` __name__label__ `//而是一个基于我们有多少项的数字// newForm = newForm。替换(/ __name__label__ / g,指数);//将原型HTML中的__name__替换为//而是一个基于我们有多少项的数字newForm = newForm.replace(/ __name__ / g、指数);//为下一项增加索引collectionHolder.data美元(“指数”， index +1）;//在“添加标签”链接之前，以一里的单位显示页面中的表单var$newFormLi = $(李李' < > < / > ') .append (newForm中将);(newLinkLi.before美元newFormLi);｝请注意
最好将JavaScript分离到真正的JavaScript文件中，而不是像这里这样在HTML中编写。
添加标签链接，一个新的子表单将出现在页面上。当表单提交时，任何新的标签表单都将转换为新的标签对象，并添加到标签的属性任务对象。另请参阅
您可以在这里找到一个工作示例JSFiddle．
另请参阅
如果您想自定义原型中的HTML代码，请阅读如何处理表单主题．
任务类:12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
/ / src /实体/ Task.php名称空间应用程序\实体；/ /……类任务｛/ /……公共函数addTag(标签＄标签）｛＄这->标签->add (＄标签）;｝公共函数removeTag(标签＄标签）｛/ /……}}by_reference选项。标签字段并设置为假：12 3 4 5 6 7 8 9 10 11 12
/ / src /形式/ TaskType.php/ /……公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛/ /……＄构建器->add (“标签”, CollectionType：：类,/ /……“by_reference”= >假]);｝标签对象添加到任务类，通过调用addTag ()方法。在此更改之前，它们是通过调用在表单内部添加的任务- > getTags() - >添加标签($)．这很好，但是强制使用“加法器”方法使得处理这些问题变得很新鲜标签对象更容易(特别是如果你使用Doctrine，你将在接下来学习!)。谨慎
你必须创造这两个addTag ()而且removeTag ()方法，否则表单仍将使用setTag ()即使by_reference是假．你会学到更多关于removeTag ()方法。
