一旦在上一个下拉列表中选择了 Owner ，我试图让这个表单动态填充带有相关帖子的选择框。我的实体都还可以，但是我无法看到以下文件中缺少的东西会阻止Ajax请求被触发：
我的控制器
/**
* @Route("/newUser", name="new_User")
*/
public function updatePostsAction(Request $request)
{
$User = new User();
$form = $this->createForm(new UserType(), $User);
$form->handleRequest($request);
if ($form->isValid()) {
$em = $this->getDoctrine()->getManager();
$em->persist($owner);
$em->persist($post);
$em->persist($user);
$em->persist($location);
$em->flush();
return $this->redirectToRoute('homepage');
}
return $this->render('AppBundle:Default:adminupdate.post.html.twig', array(
'form' => $form->createView(),
));
}
/**
* @Route("/newUserAjax", name="new_user_ajax")
*/
public function newUserAjaxAction(Request $request)
{
return new JsonResponse($posts);
}
我的用户FormType
class UserType extends AbstractType
{
public function buildForm(FormBuilderInterface $builder, array $options)
{
$builder
->add('Owners','entity',array(
'class'=>'AppBundle:Owner',
'placeholder' => '-- Choose --',
'choice_label'=>'OwnerDesc',
'query_builder'=>function(EntityRepository $er) {
return $er->createQueryBuilder('d')
->orderBy('d.OwnerDesc','ASC');
}))
->add('firstname')
->add('surname')
->add('DOB');
// Add listeners for Post field
$builder->addEventListener(FormEvents::PRE_SET_DATA, array($this, 'onPreSetData'));
$builder->addEventListener(FormEvents::PRE_SUBMIT, array($this, 'onPreSubmit'));
}
protected function addElements(FormInterface $form, $Owner = null)
{
if($Owner){
$form->add('Posts','entity',array(
'class'=>'AppBundle:Post',
'placeholder' => '-- Choose --',
'choice_label'=>'PostDesc',
'query_builder'=>function(EntityRepository $er, $Owner) {
return $er->createQueryBuilder('e')
->join('e.Owner_id', 'd')
->where('d.Ownerid = :id')
->setParameter('id', $Owner->getOwnerid() )
->orderBy('e.Postdate','ASC');
}));
}
else{
$form->add('Posts','choice',array(
'choice_label'=>'dummytext',
'placeholder' => '-- Choose --',
'choices' => array())
);
}
}
public function onPreSubmit(FormEvent $event)
{
$form = $event->getForm();
$data = $event->getData();
$this->addElements($form, $data->getOwners());
}
public function onPreSetData(FormEvent $event)
{
/** @var User User */
$User = $event->getData();
$form = $event->getForm();
$this->addElements($form, $User->getOwners());
}
public function configureOptions(OptionsResolver $resolver)
{
$resolver->setDefaults(array(
'data_class' => 'AppBundle\Entity\User',
));
}
public function getName()
{
return 'User';
}
}
我的Twig模板：
{{ form_start(form) }}
{{ form_row(
form.Owners,
{
'attr':
{
'data-Owner-id': "form.Owner.vars.Owner_id",
'class': "change-posts-per-owner",
}
}
) }}
{{ form_row(form.Posts, {'label' : 'Select Post of Owner'} ) }}
{{ form_row(form.firstname, {'label' : 'Firstname(s)'} ) }}
{{ form_row(form.surname, {'label' : 'Surname'} ) }}
{{ form_row(form.DOB, {'label' : 'Date of Birth'} ) }}
<input type="submit" value="Add" />
{{ form_end(form) }}
我的ajax脚本：
$(document).on('change', 'change-posts-per-owner', function(){
var Ownerid = $(this).data("Owner-id");
$.ajax({
url: "{{ path('new_User_ajax') }}",
type: "GET",
data: 'Ownerid='+Ownerid,
dataType: 'JSON',
error: function (data) {
alert("An error ocurred." + data);
},
success:function(data) {
$.each(data, function(k, v) {
$(child).append('<option value="' + v[itemKey] + '">' + v[itemLabel] + '</option>');
});
}
})
});
更新：包含我的实体
用户实体....
namespace AppBundle\Entity;
use Doctrine\ORM\Mapping as ORM;
/**
* Users
*
* @ORM\Table(name="Users")
* @ORM\Entity
*/
class User
{
/************************************************************
* Variables
************************************************************/
/**
* @var integer
*
* @ORM\Column(name="Userid", type="bigint")
* @ORM\Id
* @ORM\GeneratedValue(strategy="AUTO")
*/
private $Userid;
/**
* @var string
*
* @ORM\Column(name="firstname", type="text", length=65535, nullable=true)
*/
private $firstname;
/**
* @var string
*
* @ORM\Column(name="surname", type="text", length=65535, nullable=true)
*/
private $surname;
/**
* @var \DateTime
*
* @ORM\Column(name="dob", type="date", nullable=true)
*/
private $DOB;
/**
* @var string
*
* @ORM\Column(name="Posts", type="text", length=65535, nullable=true)
*/
private $Posts;
/**
* @var string
*
* @ORM\Column(name="Owners", type="text", length=65535, nullable=true)
*/
private $Owners;
/************************************************************
* Getters/setters
************************************************************/
/************************************************************
* Get Userid
* @return integer
*/
public function getUserid()
{
return $this->Userid;
}
/************************************************************
* Get Posts
* @return string
*/
public function getPosts()
{
return $this->Posts;
}
/**
* Set Posts
* @param string $Posts
* @return User
*/
public function setPosts($Posts)
{
$this->Posts = $Posts;
return $this ;
}
/************************************************************
* Get Owners
* @return string
*/
public function getOwners()
{
return $this->Owners;
}
/**
* Set Owners
* @param string $Owners
* @return User
*/
public function setOwners($Owners)
{
$this->Posts = $Owners;
return $this ;
}
/************************************************************
* Get firstname
*
* @return string
*/
public function getFirstname()
{
return $this->firstname;
}
/**
* Set firstname
*
* @param string $firstname
*
* @return User
*/
public function setFirstname($firstname)
{
$this->firstname = $firstname;
return $this;
}
/************************************************************
* Get nameSurname
*
* @return string
*/
public function getNameSurname()
{
return $this->nameSurname;
}
/**
* Set nameSurname
*
* @param string $nameSurname
*
* @return User
*/
public function setNameSurname($nameSurname)
{
$this->nameSurname = $nameSurname;
return $this;
}
/************************************************************
* Set DOB
*
* @param string $DOB
*
* @return User
*/
public function setDOB($DOB)
{
$this->DOB = $DOB;
return $this;
}
/**
* Get DOB
*
* @return string
*/
public function getDOB()
{
return $this->DOB;
}
}
发布实体......
namespace AppBundle\Entity;
use Doctrine\ORM\Mapping as ORM;
/**
* Posts
*
* @ORM\Table(name="Posts", indexes={@ORM\Index(name="fk_Posts_Owners_idx", columns={"Owner_id"}),
* @ORM\Index(name="fk_Posts_Users_idx", columns={"User_id"})})
* @ORM\Entity
*/
class Post
{
/************************************************************
* Variables
************************************************************/
/**
* @var integer
*
* @ORM\Column(name="Postid", type="bigint")
* @ORM\Id
* @ORM\GeneratedValue(strategy="AUTO")
*/
private $Postid;
/**
* @var \AppBundle\Entity\Owner
*
* @ORM\ManyToOne(targetEntity="AppBundle\Entity\Owner")
* @ORM\JoinColumns({
* @ORM\JoinColumn(name="Owner_id", referencedColumnName="Ownerid")
* })
*/
private $Owner_id;
/**
* @var string
*
* @ORM\Column(name="Post_desc", type="text", length=65535, nullable=false)
*/
private $PostDesc;
/**
* @var \DateTime
*
* @ORM\Column(name="Postdate", type="date", nullable=true)
*/
private $Postdate;
/**
* @var \AppBundle\Entity\User
*
* @ORM\ManyToOne(targetEntity="AppBundle\Entity\User")
* @ORM\JoinColumns({
* @ORM\JoinColumn(name="User_id", referencedColumnName="Userid")
* })
*/
private $User;
/************************************************************
* Getters/setters
************************************************************/
/************************************************************
* Get Postid
*
* @return integer
*/
public function getPostid()
{
return $this->Postid;
}
/**
* Set Postid
*
* @param integer $Postid
*
* @return Post
*/
public function setPostid($Postid)
{
$this->Postid = $Postid;
return $this;
}
/************************************************************
* Get Owner
*
* @return \AppBundle\Entity\Owner
*/
public function getOwner()
{
return $this->Owner_id;
}
/**
* Set Owner
*
* @param \AppBundle\Entity\Owner $Owner
*
* @return Post
*/
public function setOwner(\AppBundle\Entity\Owner $Owner)
{
$this->Owner_id = $Owner;
return $this;
}
/************************************************************
* Get PostDesc
*
* @return string
*/
public function getPostDesc()
{
return $this->PostDesc;
}
/**
* Set PostDesc
*
* @param string $PostDesc
*
* @return Post
*/
public function setPostDesc($PostDesc)
{
$this->PostDesc = $PostDesc;
return $this;
}
/************************************************************
* Get Postdate
*
* @return \DateTime
*/
public function getPostdate()
{
return $this->Postdate;
}
/**
* Set Postdate
*
* @param \DateTime $Postdate
*
* @return Post
*/
public function setPostdate($Postdate)
{
$this->Postdate = $Postdate;
return $this;
}
/************************************************************
* Get User
*
* @return \AppBundle\Entity\User
*/
public function getUser()
{
return $this->User;
}
/**
* Set User
*
* @param \AppBundle\Entity\User $User
*
* @return Post
*/
public function setUser(\AppBundle\Entity\User $User = null)
{
$this->User = $User;
return $this;
}
}
所有者实体......
namespace AppBundle\Entity;
use Doctrine\ORM\Mapping as ORM;
/**
* Owners
*
* @ORM\Table(name="Owners", indexes={@ORM\Index(name="fk_Owners_communities_idx", columns={"community_id"})})
* @ORM\Entity
*/
class Owner
{
/************************************************************
* Variables
************************************************************/
/**
* @var integer
*
* @ORM\Column(name="Ownerid", type="integer")
* @ORM\Id
* @ORM\GeneratedValue(strategy="AUTO")
*/
private $Ownerid;
/**
* @var \AppBundle\Entity\community
*
* @ORM\ManyToOne(targetEntity="AppBundle\Entity\community")
* @ORM\JoinColumns({
* @ORM\JoinColumn(name="community_id", referencedColumnName="communityid")
* })
*/
private $community;
/**
* @var string
*
* @ORM\Column(name="Owner_desc", type="text", length=65535, nullable=false)
*/
private $OwnerDesc;
/**
* @var string
*
* @ORM\Column(name="author_firstname", type="text", length=65535, nullable=true)
*/
private $authorFirstname;
/**
* @var string
*
* @ORM\Column(name="author_surname", type="text", length=65535, nullable=true)
*/
private $authorSurname;
/************************************************************
* Getters/setters
************************************************************/
/************************************************************
* Get Ownerid
*
* @return integer
*/
public function getOwnerid()
{
return $this->Ownerid;
}
/************************************************************
* Get OwnerDesc
*
* @return string
*/
public function getOwnerDesc()
{
return $this->OwnerDesc;
}
/**
* set OwnerDesc
*
* @param string $OwnerDesc
*
* @return Owner
*/
public function setOwnerDesc($OwnerDesc)
{
$this->OwnerDesc = $OwnerDesc;
return $this;
}
/************************************************************
* Get authorFirstname
*
* @return string
*/
public function getAuthorFirstname()
{
return $this->authorFirstname;
}
/**
* set authorFirstname
*
* @param string $authorFirstname
*
* @return Owner
*/
public function setAuthorFirstname($authorFirstname)
{
$this->authorFirstname = $authorFirstname;
return $this;
}
/************************************************************
* Get authorSurname
*
* @return string
*/
public function getAuthorSurname()
{
return $this->authorSurname;
}
/**
* set authorSurname
*
* @param string $authorSurname
*
* @return Owner
*/
public function setAuthorSurname($authorSurname)
{
$this->authorSurname = $authorSurname;
return $this;
}
/************************************************************
* Get community
*
* @return \AppBundle\Entity\community
*/
public function getcommunity()
{
return $this->community;
}
/**
* set community
*
* @param \AppBundle\Entity\community $community
*
* @return Owner
*/
public function communitiecommunity(\AppBundle\Entity\community $community = null)
{
$this->community = $community;
return $this;
}
}
答案 0 :(得分：0)
好的！首先，可以有几个业主？一个用户的几个帖子？
Owners和Posts在这里很奇怪。你能否为你的AppBundle\Entity\User实体添加映射（注释，yml，xml）。我认为UserType最终出现了错误。
在你的Ajax脚本中，Ownerid很好吗？
在定义后console.log(Ownerid)进行测试。
要查看Ajax调用和返回，请按F12并转到控制台面板，之后，在select中更改所有者以触发Ajax调用。
此外，'data-Owner-id': "form.Owner.vars.Owner_id",可能是错误的，因为您的关系名为Owners而不是Owner。
无论如何，我终于认为这个data属性是不必要的，你可以删除它，并在你的ajax调用中OwnerID只需var Ownerid = $(this).val();。它应该是所选id的{{1}}。
为您的孩子Owner（针对帖子）添加唯一ID，例如：<select/>。
在Ajax调用的方法中（在你的控制器中）你忘记了参数：
posts-select在/**
* @Route("/newUserAjax/{Ownerid}", name="new_user_ajax", options={"expose"=true})
* @ParamConverter("owner", class="AppBundle:Owner", options={"id" = "Ownerid"})
*/
public function newUserAjaxAction(Owner $owner)
{
$posts = $owner->getPosts(); // I assume that in you Owner entity there is an attribute posts (a OneToMany relation)
return new JsonResponse($posts);
}
你可以做到：
success:function(data) success:function(data) {
var child = $(document).find('#posts-select');
$.each(data, function(k, v) {
$(child).append('<option value="' + v[itemId] + '">' + v[itemName] + '</option>');
});
}
和id是来自name实体的属性。
在添加Post元素之前，请务必删除当前显示的元素：<option（第一个孩子是占位符）。
UDPATE：
您应该安装FOSJSRouting Bundle，以便$(child).find('option:not(:first-child)').remove();（在您的路由中）使用expose=true（在您的ajax脚本中）
Routing.generate()