如何嵌入一个集合的形式
编辑本页警告:您正在浏览的文档欧宝官网下载appob娱乐下载Symfony 3.4，现已不再维护。
读本页的更新版本用于Syob娱乐下载mfony 6.2(当前稳定版本)。
任务类，并且您想编辑/创建/删除许多标签与该任务相关的对象，就在同一个表单中。
让我们从创建一个任务实体:
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
/ / src / AppBundle /实体/ Task.php名称空间AppBundle＼实体；使用学说＼常见的＼集合＼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 / AppBundle /实体/ Tag.php名称空间AppBundle＼实体；类标签｛私人＄的名字；公共函数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 / AppBundle /形式/ TagType.php名称空间AppBundle＼形式；使用AppBundle＼实体＼标签；使用ob娱乐下载＼组件＼形式＼AbstractType；使用ob娱乐下载＼组件＼形式＼FormBuilderInterface；使用ob娱乐下载＼组件＼OptionsResolver＼OptionsResolver；类TagType扩展AbstractType｛公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛＄构建器->add (“名字”）;｝公共函数configureOptions(OptionsResolver＄解析器）｛＄解析器->setDefaults ([“data_class”= >标签：：类,]);}}下面，让我们为任务实体，使用CollectionType领域的TagType形式。这将允许我们修改所有的标签a的要素任务就在任务表单本身中:
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 / AppBundle /形式/ TaskType.php名称空间AppBundle＼形式；使用AppBundle＼实体＼任务；使用ob娱乐下载＼组件＼形式＼AbstractType；使用ob娱乐下载＼组件＼形式＼扩展＼核心＼类型＼CollectionType；使用ob娱乐下载＼组件＼形式＼FormBuilderInterface；使用ob娱乐下载＼组件＼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 / AppBundle /控制器/ TaskController.php名称空间AppBundle＼控制器；使用AppBundle＼实体＼标签；使用AppBundle＼实体＼任务；使用AppBundle＼形式＼TaskType；使用ob娱乐下载＼包＼FrameworkBundle＼控制器＼控制器；使用ob娱乐下载＼组件＼HttpFoundation＼请求；类TaskController扩展控制器｛公共函数newAction(请求＄请求）｛＄任务＝新任务();// dummy code -添加一些示例标签的任务//(否则，模板将呈现一个空的标签列表)＄标签1＝新标签();＄标签1->setName (“标签1”）;＄任务->getTags ()->add (＄标签1）;＄标签2＝新标签();＄标签2->setName (标签2的）;＄任务->getTags ()->add (＄标签2）;//结束虚拟代码＄形式＝＄这->createForm (TaskType：：类,＄任务）;＄形式->handleRequest (＄请求）;如果（＄形式->isSubmitted () & &＄形式->isValid ()) {/ /……做你的表单处理，如保存任务和标签实体｝返回＄这->呈现(“任务/ new.html.twig”, (“形式”= >＄形式->createView ()));}}在模板中，现在可以遍历现有的模板TagType呈现它们的表单:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16
{# app /资源/视图/任务/ new.html。树枝#}{#……#}{{form_start(form)}}{{form_row(form.description)}}<h3>标签h3><ul类＝“标签”>{%为形式上的标签。标签%}<李>{{form_row(tag.name)}}李>{%endfor%}ul>{{form_end(form)}}{#……#}当用户提交表单时，提交的数据为标签字段用于构造ArrayCollection的标签对象。对象上设置集合标签字段任务并且可以通过任务- > getTags ()．
到目前为止，这工作得很好，但只是编辑现有的标签。它还不允许我们添加新标签或删除现有标签。
谨慎
您可以将嵌套集合嵌入到您喜欢的任何级别。但是，如果使用Xdebug，则可能会收到一个已达到'100'的最大函数嵌套级别，中止!错误。要解决此问题，请增加xdebug.max_nesting_levelPHP设置，或手动渲染每个表单字段使用form_row ()而不是一次呈现整个表单(例如form_widget(形式)）.
错误。这是用allow_add选择:
12 3 4 5 6 7 8 9 10 11 12 13 14 15
/ / src / AppBundle /形式/ TaskType.php/ /……使用ob娱乐下载＼组件＼形式＼FormBuilderInterface；公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛/ /……＄构建器->add (“标签”, CollectionType：：类,“entry_type”= > TagType：：类,“entry_options”= > [“标签”= >假),“allow_add”= >真正的]);｝的allow_add选项还会产生原型变量可供您选择。这个“原型”是一个小“模板”，它包含了用JavaScript动态创建任何新“标签”表单所需的所有HTML。要渲染原型，添加以下内容data-prototype属性为现有的< ul >在模板中:
1
<ul类＝“标签”data-prototype＝＂{{form_widget(form.tags.vars.prototype)|e('html_attr')}}＂>在渲染的页面上，结果看起来像这样:
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比;＂>
另请参阅
如果要自定义原型中的HTML代码，请参见如何自定义表单渲染．
提示
的form.tags.vars.prototype表单元素看起来和感觉起来就像个体吗form_widget(标签)您的为循环。这意味着你可以打电话form_widget ()，form_row ()或了form_label ()在上面。你甚至可以选择只呈现它的一个字段(例如的名字字段):
1
{{form_widget(form.tags.vars.prototype.name)|e}}
请注意
如果你渲染你的整个“标签”子表单一次(例如。form_row (form.tags)),data-prototype属性自动添加到包含div，您需要相应地调整下面的JavaScript。
本节的目标是使用JavaScript读取该属性，并在用户单击“添加标记”链接时动态添加新的标记表单。为了简单起见，本示例使用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．
控件中的标记添加一个“加法器”和一个“移除器”方法，使处理这些新标记更加容易任务类:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
/ / src / AppBundle /实体/ Task.php名称空间AppBundle＼实体；/ /……类任务｛/ /……公共函数addTag(标签＄标签）｛＄这->标签->add (＄标签）;｝公共函数removeTag(标签＄标签）｛/ /……}}接下来，添加一个by_reference选项。标签字段并设置为假：
12 3 4 5 6 7 8 9 10 11 12
/ / src / AppBundle /形式/ TaskType.php/ /……公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛/ /……＄构建器->add (“标签”, CollectionType：：类,/ /……“by_reference”= >假]);｝通过这两个更改，当表单提交时，每个更改都是新的标签对象添加到任务类，通过调用addTag ()方法。在此更改之前，它们是通过调用在表单内部添加的任务- > getTags() - >添加标签($)．这很好，但是强制使用“加法器”方法使得处理这些问题变得很新鲜标签对象更容易(特别是如果你使用Doctrine，你将在接下来学习!)。
谨慎
你必须创造这两个addTag ()而且removeTag ()方法，否则表单仍将使用setTag ()即使by_reference是假．你会学到更多关于removeTag ()方法。
谨慎
ob娱乐下载Symfony只能进行复数到单数的转换(例如从标签属性addTag ()方法)的英语单词。用任何其他语言编写的代码都不能正常工作。
allow_delete类型:
12 3 4 5 6 7 8 9 10 11 12
/ / src / AppBundle /形式/ TaskType.php/ /……公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛/ /……＄构建器->add (“标签”, CollectionType：：类,/ /……“allow_delete”= >真正的]);｝现在，需要将一些代码放入removeTag ()的方法任务：
12 3 4 5 6 7 8 9 10 11 12
/ / src / AppBundle /实体/ Task.php/ /……类任务｛/ /……公共函数removeTag(标签＄标签）｛＄这->标签->removeElement (＄标签）;}}allow_delete选项意味着如果集合的项在提交时没有发送，则相关数据将从服务器上的集合中删除。为了在HTML表单中工作，必须在提交表单之前删除要删除的集合项的DOM元素。
首先，在每个标签表单中添加一个“delete this tag”链接:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
jQuery (文档时(函数（）｛//获取包含标签集合的ul$collectionHolder = $(“ul.tags”）;//添加一个删除链接到所有现有的标签形式li元素collectionHolder.find美元(“李”) . each (函数（）{addTagFormDeleteLink ($ (这));});/ /……从上面看剩下的街区})；函数addTagForm（）｛/ /……//添加一个删除链接到新表单addTagFormDeleteLink ($ newFormLi);｝的addTagFormDeleteLink ()函数看起来是这样的:
1 2 3 4 5 6 7 8 9
函数addTagFormDeleteLink（tagFormLi美元）｛var$removeFormButton = $(''）;(tagFormLi.append美元removeFormButton);removeFormButton.on美元(“点击”，函数（e）｛//删除标签表单的li美元tagFormLi.remove ();});｝当一个标签表单从DOM中删除并提交时，被删除的标签对象将不包含在传递给的集合中setTags ()．根据您的持久性层，这可能不足以实际删除被删除对象之间的关系标签而且任务对象。
另请参阅
Symfob娱乐下载ony社区创建了欧宝体育平台怎么样一些JavaScript包，提供了添加、编辑和删除集合元素所需的功能。请查看@a2lix ob娱乐下载/ symfony-collection包用于现代浏览器和ob娱乐下载symfony-collection包基于jQuery为其余的浏览器。
任务实体: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
/ / src / AppBundle /实体/ Task.php名称空间AppBundle＼实体；使用学说＼常见的＼集合＼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 / AppBundle /实体/ Tag.php名称空间AppBundle＼实体；类标签｛私人＄的名字；公共函数getName（）｛返回＄这->名称;｝公共函数setName（＄的名字）｛＄这->name =＄的名字；}}标签对象可以被用户修改:12 3 4 5 6 7 8 9 10 11 12 13 14 16 17 18 19 20 21 22
/ / src / AppBundle /形式/ TagType.php名称空间AppBundle＼形式；使用AppBundle＼实体＼标签；使用ob娱乐下载＼组件＼形式＼AbstractType；使用ob娱乐下载＼组件＼形式＼FormBuilderInterface；使用ob娱乐下载＼组件＼OptionsResolver＼OptionsResolver；类TagType扩展AbstractType｛公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛＄构建器->add (“名字”）;｝公共函数configureOptions(OptionsResolver＄解析器）｛＄解析器->setDefaults ([“data_class”= >标签：：类,]);}}任务实体，使用CollectionType领域的TagType形式。这将允许我们修改所有的标签a的要素任务就在任务表单本身中: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 / AppBundle /形式/ TaskType.php名称空间AppBundle＼形式；使用AppBundle＼实体＼任务；使用ob娱乐下载＼组件＼形式＼AbstractType；使用ob娱乐下载＼组件＼形式＼扩展＼核心＼类型＼CollectionType；使用ob娱乐下载＼组件＼形式＼FormBuilderInterface；使用ob娱乐下载＼组件＼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 / AppBundle /控制器/ TaskController.php名称空间AppBundle＼控制器；使用AppBundle＼实体＼标签；使用AppBundle＼实体＼任务；使用AppBundle＼形式＼TaskType；使用ob娱乐下载＼包＼FrameworkBundle＼控制器＼控制器；使用ob娱乐下载＼组件＼HttpFoundation＼请求；类TaskController扩展控制器｛公共函数newAction(请求＄请求）｛＄任务＝新任务();// dummy code -添加一些示例标签的任务//(否则，模板将呈现一个空的标签列表)＄标签1＝新标签();＄标签1->setName (“标签1”）;＄任务->getTags ()->add (＄标签1）;＄标签2＝新标签();＄标签2->setName (标签2的）;＄任务->getTags ()->add (＄标签2）;//结束虚拟代码＄形式＝＄这->createForm (TaskType：：类,＄任务）;＄形式->handleRequest (＄请求）;如果（＄形式->isSubmitted () & &＄形式->isValid ()) {/ /……做你的表单处理，如保存任务和标签实体｝返回＄这->呈现(“任务/ new.html.twig”, (“形式”= >＄形式->createView ()));}}TagType呈现它们的表单:12 3 4 5 6 7 8 9 10 11 12 13 14 15 16
{# app /资源/视图/任务/ new.html。树枝#}{#……#}{{form_start(form)}}{{form_row(form.description)}}<h3>标签h3><ul类＝“标签”>{%为形式上的标签。标签%}<李>{{form_row(tag.name)}}李>{%endfor%}ul>{{form_end(form)}}{#……#}标签字段用于构造ArrayCollection的标签对象。对象上设置集合标签字段任务并且可以通过任务- > getTags ()．谨慎
您可以将嵌套集合嵌入到您喜欢的任何级别。但是，如果使用Xdebug，则可能会收到一个已达到'100'的最大函数嵌套级别，中止!错误。要解决此问题，请增加xdebug.max_nesting_levelPHP设置，或手动渲染每个表单字段使用form_row ()而不是一次呈现整个表单(例如form_widget(形式)）.
错误。这是用allow_add选择:
12 3 4 5 6 7 8 9 10 11 12 13 14 15
/ / src / AppBundle /形式/ TaskType.php/ /……使用ob娱乐下载＼组件＼形式＼FormBuilderInterface；公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛/ /……＄构建器->add (“标签”, CollectionType：：类,“entry_type”= > TagType：：类,“entry_options”= > [“标签”= >假),“allow_add”= >真正的]);｝的allow_add选项还会产生原型变量可供您选择。这个“原型”是一个小“模板”，它包含了用JavaScript动态创建任何新“标签”表单所需的所有HTML。要渲染原型，添加以下内容data-prototype属性为现有的< ul >在模板中:
1
<ul类＝“标签”data-prototype＝＂{{form_widget(form.tags.vars.prototype)|e('html_attr')}}＂>在渲染的页面上，结果看起来像这样:
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比;＂>
另请参阅
如果要自定义原型中的HTML代码，请参见如何自定义表单渲染．
提示
的form.tags.vars.prototype表单元素看起来和感觉起来就像个体吗form_widget(标签)您的为循环。这意味着你可以打电话form_widget ()，form_row ()或了form_label ()在上面。你甚至可以选择只呈现它的一个字段(例如的名字字段):
1
{{form_widget(form.tags.vars.prototype.name)|e}}
请注意
如果你渲染你的整个“标签”子表单一次(例如。form_row (form.tags)),data-prototype属性自动添加到包含div，您需要相应地调整下面的JavaScript。
本节的目标是使用JavaScript读取该属性，并在用户单击“添加标记”链接时动态添加新的标记表单。为了简单起见，本示例使用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．
控件中的标记添加一个“加法器”和一个“移除器”方法，使处理这些新标记更加容易任务类:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
/ / src / AppBundle /实体/ Task.php名称空间AppBundle＼实体；/ /……类任务｛/ /……公共函数addTag(标签＄标签）｛＄这->标签->add (＄标签）;｝公共函数removeTag(标签＄标签）｛/ /……}}接下来，添加一个by_reference选项。标签字段并设置为假：
12 3 4 5 6 7 8 9 10 11 12
/ / src / AppBundle /形式/ TaskType.php/ /……公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛/ /……＄构建器->add (“标签”, CollectionType：：类,/ /……“by_reference”= >假]);｝通过这两个更改，当表单提交时，每个更改都是新的标签对象添加到任务类，通过调用addTag ()方法。在此更改之前，它们是通过调用在表单内部添加的任务- > getTags() - >添加标签($)．这很好，但是强制使用“加法器”方法使得处理这些问题变得很新鲜标签对象更容易(特别是如果你使用Doctrine，你将在接下来学习!)。
谨慎
你必须创造这两个addTag ()而且removeTag ()方法，否则表单仍将使用setTag ()即使by_reference是假．你会学到更多关于removeTag ()方法。
谨慎
ob娱乐下载Symfony只能进行复数到单数的转换(例如从标签属性addTag ()方法)的英语单词。用任何其他语言编写的代码都不能正常工作。
12 3 4 5 6 7 8 9 10 11 12 13 14 15
/ / src / AppBundle /形式/ TaskType.php/ /……使用ob娱乐下载＼组件＼形式＼FormBuilderInterface；公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛/ /……＄构建器->add (“标签”, CollectionType：：类,“entry_type”= > TagType：：类,“entry_options”= > [“标签”= >假),“allow_add”= >真正的]);｝allow_add选项还会产生原型变量可供您选择。这个“原型”是一个小“模板”，它包含了用JavaScript动态创建任何新“标签”表单所需的所有HTML。要渲染原型，添加以下内容data-prototype属性为现有的< ul >在模板中:1
<ul类＝“标签”data-prototype＝＂{{form_widget(form.tags.vars.prototype)|e('html_attr')}}＂>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比;＂>另请参阅
如果要自定义原型中的HTML代码，请参见如何自定义表单渲染．
提示
的form.tags.vars.prototype表单元素看起来和感觉起来就像个体吗form_widget(标签)您的为循环。这意味着你可以打电话form_widget ()，form_row ()或了form_label ()在上面。你甚至可以选择只呈现它的一个字段(例如的名字字段):
1
{{form_widget(form.tags.vars.prototype.name)|e}}请注意
如果你渲染你的整个“标签”子表单一次(例如。form_row (form.tags)),data-prototype属性自动添加到包含div，您需要相应地调整下面的JavaScript。
脚本标签，这样您就可以开始编写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．
任务类:12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
/ / src / AppBundle /实体/ Task.php名称空间AppBundle＼实体；/ /……类任务｛/ /……公共函数addTag(标签＄标签）｛＄这->标签->add (＄标签）;｝公共函数removeTag(标签＄标签）｛/ /……}}by_reference选项。标签字段并设置为假：12 3 4 5 6 7 8 9 10 11 12
/ / src / AppBundle /形式/ TaskType.php/ /……公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛/ /……＄构建器->add (“标签”, CollectionType：：类,/ /……“by_reference”= >假]);｝标签对象添加到任务类，通过调用addTag ()方法。在此更改之前，它们是通过调用在表单内部添加的任务- > getTags() - >添加标签($)．这很好，但是强制使用“加法器”方法使得处理这些问题变得很新鲜标签对象更容易(特别是如果你使用Doctrine，你将在接下来学习!)。谨慎
你必须创造这两个addTag ()而且removeTag ()方法，否则表单仍将使用setTag ()即使by_reference是假．你会学到更多关于removeTag ()方法。
谨慎
ob娱乐下载Symfony只能进行复数到单数的转换(例如从标签属性addTag ()方法)的英语单词。用任何其他语言编写的代码都不能正常工作。
allow_delete类型:
12 3 4 5 6 7 8 9 10 11 12
/ / src / AppBundle /形式/ TaskType.php/ /……公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛/ /……＄构建器->add (“标签”, CollectionType：：类,/ /……“allow_delete”= >真正的]);｝现在，需要将一些代码放入removeTag ()的方法任务：
12 3 4 5 6 7 8 9 10 11 12
/ / src / AppBundle /实体/ Task.php/ /……类任务｛/ /……公共函数removeTag(标签＄标签）｛＄这->标签->removeElement (＄标签）;}}allow_delete选项意味着如果集合的项在提交时没有发送，则相关数据将从服务器上的集合中删除。为了在HTML表单中工作，必须在提交表单之前删除要删除的集合项的DOM元素。
首先，在每个标签表单中添加一个“delete this tag”链接:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
jQuery (文档时(函数（）｛//获取包含标签集合的ul$collectionHolder = $(“ul.tags”）;//添加一个删除链接到所有现有的标签形式li元素collectionHolder.find美元(“李”) . each (函数（）{addTagFormDeleteLink ($ (这));});/ /……从上面看剩下的街区})；函数addTagForm（）｛/ /……//添加一个删除链接到新表单addTagFormDeleteLink ($ newFormLi);｝的addTagFormDeleteLink ()函数看起来是这样的:
1 2 3 4 5 6 7 8 9
函数addTagFormDeleteLink（tagFormLi美元）｛var$removeFormButton = $(''）;(tagFormLi.append美元removeFormButton);removeFormButton.on美元(“点击”，函数（e）｛//删除标签表单的li美元tagFormLi.remove ();});｝当一个标签表单从DOM中删除并提交时，被删除的标签对象将不包含在传递给的集合中setTags ()．根据您的持久性层，这可能不足以实际删除被删除对象之间的关系标签而且任务对象。
另请参阅
Symfob娱乐下载ony社区创建了欧宝体育平台怎么样一些JavaScript包，提供了添加、编辑和删除集合元素所需的功能。请查看@a2lix ob娱乐下载/ symfony-collection包用于现代浏览器和ob娱乐下载symfony-collection包基于jQuery为其余的浏览器。
12 3 4 5 6 7 8 9 10 11 12
/ / src / AppBundle /形式/ TaskType.php/ /……公共函数buildForm(FormBuilderInterface＄构建器数组,＄选项）｛/ /……＄构建器->add (“标签”, CollectionType：：类,/ /……“allow_delete”= >真正的]);｝removeTag ()的方法任务：12 3 4 5 6 7 8 9 10 11 12
/ / src / AppBundle /实体/ Task.php/ /……类任务｛/ /……公共函数removeTag(标签＄标签）｛＄这->标签->removeElement (＄标签）;}}allow_delete选项意味着如果集合的项在提交时没有发送，则相关数据将从服务器上的集合中删除。为了在HTML表单中工作，必须在提交表单之前删除要删除的集合项的DOM元素。
首先，在每个标签表单中添加一个“delete this tag”链接:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
jQuery (文档时(函数（）｛//获取包含标签集合的ul$collectionHolder = $(“ul.tags”）;//添加一个删除链接到所有现有的标签形式li元素collectionHolder.find美元(“李”) . each (函数（）{addTagFormDeleteLink ($ (这));});/ /……从上面看剩下的街区})；函数addTagForm（）｛/ /……//添加一个删除链接到新表单addTagFormDeleteLink ($ newFormLi);｝的addTagFormDeleteLink ()函数看起来是这样的:
1 2 3 4 5 6 7 8 9
函数addTagFormDeleteLink（tagFormLi美元）｛var$removeFormButton = $(''）;(tagFormLi.append美元removeFormButton);removeFormButton.on美元(“点击”，函数（e）｛//删除标签表单的li美元tagFormLi.remove ();});｝当一个标签表单从DOM中删除并提交时，被删除的标签对象将不包含在传递给的集合中setTags ()．根据您的持久性层，这可能不足以实际删除被删除对象之间的关系标签而且任务对象。
另请参阅
Symfob娱乐下载ony社区创建了欧宝体育平台怎么样一些JavaScript包，提供了添加、编辑和删除集合元素所需的功能。请查看@a2lix ob娱乐下载/ symfony-collection包用于现代浏览器和ob娱乐下载symfony-collection包基于jQuery为其余的浏览器。
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
jQuery (文档时(函数（）｛//获取包含标签集合的ul$collectionHolder = $(“ul.tags”）;//添加一个删除链接到所有现有的标签形式li元素collectionHolder.find美元(“李”) . each (函数（）{addTagFormDeleteLink ($ (这));});/ /……从上面看剩下的街区})；函数addTagForm（）｛/ /……//添加一个删除链接到新表单addTagFormDeleteLink ($ newFormLi);｝addTagFormDeleteLink ()函数看起来是这样的:1 2 3 4 5 6 7 8 9
函数addTagFormDeleteLink（tagFormLi美元）｛var$removeFormButton = $(''）;(tagFormLi.append美元removeFormButton);removeFormButton.on美元(“点击”，函数（e）｛//删除标签表单的li美元tagFormLi.remove ();});｝标签对象将不包含在传递给的集合中setTags ()．根据您的持久性层，这可能不足以实际删除被删除对象之间的关系标签而且任务对象。另请参阅
Symfob娱乐下载ony社区创建了欧宝体育平台怎么样一些JavaScript包，提供了添加、编辑和删除集合元素所需的功能。请查看@a2lix ob娱乐下载/ symfony-collection包用于现代浏览器和ob娱乐下载symfony-collection包基于jQuery为其余的浏览器。
