Créer un select dynamique avec Symfony - Partie 38 - Explication du tableau des données

Créer une liste d'options dynamique ville, pays avec Symfony 6.
Si tu veux me soutenir, tu peux m'acheter un petit café ici 😊: www.paypal.com...
Code source: github.com/mer...

[@gamesngeeks]

La meilleure série de teasing... 38 vidéos et toujours pas la "solution" :) ! Cependant, très interessant!

[@alkaouditbabadembele5189]

Mon teacher me manque énormément 😏! J'aimerais juste savoir comment vous allez. Même une petite vidéo de 30 secondes me suffira.🙏

[@francknguemete6823]

Merci pour cette série de vidéo teacher, tu n'hésites jamais à entrer dans les détails pour qu'on puisse bien comprendre les fondements des différentes technologies. Merci et toujours en attente de la suite de la formation pour finaliser mon projet

[@Teachersdunet]

github.com/mercuryseries/dynamic-select-symfony

[@Reyz3r]

Bro t’es videos me manque, j’ai l’impression de régresser sans toi 😅

[@Teachersdunet]

Thanks bro'. Tu viens de faire ma journée ❤. De retour très bientôt 🙏

[@axelauzerais7628]

Salut peux on espérer avoir la suite un jour pour pouvoir finir ? Merci et bonne journée

[@sebastienrobit]

Chapeau ! 👍

[@grnandoy]

Salut honoré, tu n'as pas fait la suite avec ajax

[@fenofifalianarafanomezants7472]

La suite s'il vous plaît :) Peaaaaaaaaaaaaceeeee et Merciiii encore pour les partages ;)

[@Ahousse]

Bonjour Honoré, la suite et fin de cette série est elle toujours envisageable ? Merci d'avance !

[@acnos294]

perso j'ai git clone le dépot ça fonctionne. Quand je test sur un symfony 7 j'obtiens des erreurs JS qui ne charge pas les villes :
VM2216 dynamicfield.js:24 Something went wrong. TypeError: Cannot read properties of null (reading 'addEventListener')

[@lahoucineoldakdim7778]

Thanks teacher
It be nice if you posted any tuto about:
Creating php framework based in available packagest such php routers and php containers libraries 😊

[@fenofifalianarafanomezants7472]

Je voudrais vous remercier car j'ai enfin fini mon sélect dynamique ;) même si la suite de cette vidéo n'est pas encore disponible. Peaaaaaceeeeeee ;)

[@Teachersdunet]

Super Fenofifaliana. Bien joué :).

[@francknguemete6823]

Peux tu partager ta solution avec moi stp? Je suis dans le besoin pour pouvoir finaliser un projet. Merci!!!

[@Teachersdunet]

@@francknguemete6823 github.com/mercuryseries/dynamic-select-symfony

[@gamesngeeks]

Hello, bientot la suite?

[@gamesngeeks]

Pas de réponse 😒Penses tu réaliser la suite bientot? Merci

[@Teachersdunet]

Bonjour @initialblog
Oui c'est prévu. Stay tuned!
- Honoré

[@gamesngeeks]

@@Teachersdunet Merci pour ta réponse, je reste à l'affut

[@haithamkossentini9829]

Bonne continuation combien de vidéo dans cette série ?

[@Teachersdunet]

Honnêtement je ne saurai le dire Haitham.
À la base, j'avais prévu la faire en 2 ou 3 vidéos max. Mais là on se retrouve à la 38ème 🤣.
Plus sérieusement, je dirai que la fin est proche (6 à 7 vidéos max restantes) 🤞.

[@haithamkossentini9829]

@@Teachersdunet 🤣🤣🤣 Heureusement espérons que ça se finit cette semaine

[@sebastiensansbelle]

​@@Teachersdunet j'ai hâte de voir l'ajout dynamique du champ ville...

[@chabbi]

le logiciel de capture d'ecran utuliser dans la video c'est quoi

[@Teachersdunet]

Screenflow

[@chabbi]

@@Teachersdunet merci .Mettez vos vidéos sur udemy

[@AfricanGhost09]

magnifique travaille, pouvez vous faire un tuto sur la création des pages de pubs comme les pages facebook? ou les groupes facebooks avec php bien sur

[@sofianmezai9051]

j'ai se code là qui marche avec du javascript coté twig jcp si ya moyen d'optimiser ma faire un remove puis créer le nouveau champ mais juste modifier les options et ajouter d'autres des piste svp voilà mon code $builder
->add('country',EntityType::class,[
'class'=>Country::class,
'choice_label' => 'name',
'attr' => ['class' => 'countryClasse'],
'placeholder'=> 'choisir ton pays'
])
->add('name',EntityType::class,[
'class'=>City::class,
'choice_label' => 'name',
'row_attr' => ['class' => 'cityClass'],
'placeholder'=>'choisi ta ville',
'disabled'=>true ]
)
->add('submit',SubmitType::class)
->get('country')->addEventListener(FormEvents::POST_SUBMIT, function(FormEvent $event){
/**
* @var Country
*/
$country= $event->getForm()->getData();
$form = $event->getForm()->getParent();
$form->remove('name');
$form->add('name',EntityType::class,[
'class'=>City::class,
'choice_label' => 'name',
'choices'=>$country!== null ? $country->getCities()->toArray(): [],
'row_attr' => ['class' => 'cityClass'],
'placeholder'=>$country!== null ?'choisi ta ville': 'choisi dabord ton pays',
'disabled'=>$country!== null ? false : true ]
);
})->setAction('/home')
;

[@jeanclaudeouedraogo394]

Bonjour, pouvez-vous nous montrer le javascript coté twig ?

[@sofianmezai9051]

@@jeanclaudeouedraogo394 window.onload = () => {
// On va chercher la région
let region = document.querySelector("#city_country");
region.addEventListener("change", function(){
let form = this.closest("form");
let data = this.name + "=" + this.value;
console.log(form.getAttribute("action"))
console.log(form.action)
fetch('/home', {
method: form.getAttribute("method"),
body: data,
headers: {
"Content-Type": "application/x-www-form-urlen
}
})
.then(response => (response.text())).then(html=>{
let content = document.createElement("html");
content.innerHTML=html;
let cities = content.querySelector(".cityClass")
document.querySelector('.cityClass').replaceWith(
//console.log(content.querySelector("form"))
//console.log(document.querySelector("form"))
//content.innerHTML = html;
//console.log(content)
})
.catch(error => {
console.log(error)
})
});
}
y a des commentaires