Partage
  • Partager sur Facebook
  • Partager sur Twitter

jquery-Symfony

Comment obtenir une ligne de formulaire dans jquery-script (Symfony)

    12 janvier 2019 à 12:50:38

    Mon problème est :
    je veux que l'input de la ligne 1 du form change sa couleur d'arrière-plan lorsque cette entrée est keydown (avec jquery) (fichier .html.twig),
    Je dois faire comme ça:
    <script>
    
    $('#input's id').keydown(change the color)
    
    </script>
    
    {{ form(form) }}
    Mais comment obtenir l'id de l'input?
    c'est le fichier ajout.html.twig:
    <html>
    
    <head>
    
        <script src=" {{ asset('jquery-3.2.1.min.js') }}" language="javascript"></script>
    
    </head>
    
    <body>
    
    <script>
    
        $(document).ready(function(){
    
            $("#examenBundle_chauffeur_cin").keydown(function(){ //chauffeur :name of the controller,cin name of the child
    
                 $('#examenBundle_chauffeur_cin').css('background','red');
    
            })
    
        })
    
    </script>
    
    <input>
    
    {{ form(form) }}
    
    </body>
    
    </html>
    et ceci est le fichier du formulaire (chauffeurType):
    <?php
    
    
    
    namespace examenBundleForm;
    
    
    
    use SymfonyComponentFormAbstractType;
    
    use SymfonyComponentFormFormBuilderInterface;
    
    use SymfonyComponentOptionsResolverOptionsResolver;
    
    
    
    class chauffeurType extends AbstractType
    
    {
    
        /**
    
         * {@inheritdoc}
    
         */
    
        public function buildForm(FormBuilderInterface $builder, array $options)
    
        {
    
            $builder->add('cin')->add('nom')->add('prenom');
    
        }/**
    
         * {@inheritdoc}
    
         */
    
        public function configureOptions(OptionsResolver $resolver)
    
        {
    
            $resolver->setDefaults(array(
    
                'data_class' => 'examenBundleEntitychauffeur'
    
            ));
    
        }
    
    
    
        /**
    
         * {@inheritdoc}
    
         */
    
        public function getBlockPrefix()
    
        {
    
            return 'examenbundle_chauffeur';
    
        }
    
    
    
    
    
    }
    
    • Partager sur Facebook
    • Partager sur Twitter
      14 janvier 2019 à 10:40:58

      Bonjour,

      Tu dois passer en attribut de ton formulaire html un id en rajoutant la partie attr aux endroits nécessaires:

      {{ form_start(form, {'attr': {'id': 'form_person_edit'}}) }}

      Tu peux aussi le faire directement depuis le formType en passant un tableau de paramètres en 3ème argument de la fonction add:

      'attr' => ['id' => 'task-form']



      • Partager sur Facebook
      • Partager sur Twitter
      "Ils ne savaient pas que c'était impossible, alors ils l'ont fait" Mark Twain

      jquery-Symfony

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown