[AJAX] Problème de mise à jour de formulaire

**ruby_robber** · 28/05/2007, 16h43

Bonjour,
je dois remplir un formulaire très compliqué et avec beaucoup de contrainte, et je veux afficher des donneées en fonction de la valeur d'autres champs. tout ceci en faisant des appels ajax pour ne pas recharger le formulaire. par exemple j'ai une liste deroulante

1.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<%= form.select :sexe, Personne::SEXE_TYPES, :prompt => "Sexe","Fonction" => remote_function(:update => 'table', :url => { :action => :test })%></p>

mais je n'arrive pas a trouver la "fonction" qui détécte la mise a jour du champs ':sexe'. car si le sexe de l personne est feminin il faut entrer un champ qui apparait apres qu'est le nom de la jeune fille.

2.de plus je dois faire apparaitre un autre champ en fonction de la valeur du champ suivant. aussi en ajax mais je ne vois pas comment faire.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<%= form.text_field :dep_naiss, :size=>"2"%>

3.et enfin je cherche a faire des tooltiptext (en java swing) avec un fonction ajax. je suis un débutant donc je peux faires des erreurs bêtes.
Merci

**titoumimi** · 28/05/2007, 16h49

Bonjour

Pour vérifier qu'un champs a changé ou pas, j'utilise un observe_field.

ça va te permettre d'exécuter l'action qui va bien si la personne est une femme, et donc d'insérer ton champs en plus (par exemple avec un page.insert_html dans un div vide prévu à cet effet)

**ruby_robber** · 28/05/2007, 16h58

le observe field ne fais pas d'effet du tout regarde voici mon code y'aurait il un problème dedans

controller

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
def test
@personne = Personne.new(params[:personne])
@personne.sexe = params[:sexe]
 
  if request.xml_http_request?
      render :partial => "nom_jeune_fille", :layout => false
 
  end
  end

vue

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<%= form.select :sexe, Personne::SEXE_TYPES, :prompt => "Sexe"%></p>
 
         <%= observe_field(:sexe,
                 :frequency => 0.1,
                 :update => :table,
                 :url => {:action => 'test'}
                 ) %>

Aucun mise ajour pas d'appel ajax en console server rien du tout

y'a til une erreur)

**titoumimi** · 29/05/2007, 09h30

un petit exemple d'ajout dynamique dans un formulaire (j'ai juste crée un controlleur "test") :

application.rhtml :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <%= javascript_include_tag :defaults %>
        <title>Test d'ajout dynamique dans un formulaire</title>
    </head>
    <body<%= @body_extras %>>
        <%= yield %>
    </body>
</html>

test_controller.rb :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
class TestController < ApplicationController
 def check_ajout_form
 
    user_sexe = params[:sexe]
 
    if user_sexe == "femme"
      render :partial => "celibataire_form"
    else
      render :text => "Les hommes ne m'interessent pas !"
    end
  end
end

index.rhtml :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 <%= form_tag :action=>'index' %>
    <label>Sexe :</label>
    <%= text_field('profile', 'sexe') %>
    Region :
    <div id="celibataire">-</div>
    <%= observe_field 'profile_sexe',
            :url=>{:action=>'check_ajout_form'},
            :update=>"celibataire",
            :with => "'sexe=' + escape(value)"
    %>
<%= end_form_tag %>

et enfin _celibataire_form.rhtml :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<label>Etes-vous célibataire ?</label>
<%= text_field('profile', 'celibataire') %>

Il suffit que tu tapes "femme" dans le champs pour en faire apparaitre un second, sinon il t'affiche un petit message...

normalement, ça devrait te mettre sur la bonne voie

**ruby_robber** · 29/05/2007, 10h37

merci ca marche pour les texte field et j'en vais quelques un a mettre a jour. seul probleme c pour le sexe de la personne ce un liste déroulante et la ca marche plus

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 <p><label for="personne_sexe">Sexe</label>
            <%= form.select :sexe, Personne::SEXE_TYPES, :prompt => "Sexe"%></p>

de plus une autre question se pose a moi comment faire pour récupérer proprement la valeur d'un checkbox en ajax avec ruby

je fais ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<%= check_box :k_ant,params[:k_ant],:checked=>false ,:with =>:k_ant,
"onclick" => remote_function(:update => 'c_ant', :url => { :action => :cancer_ant },
:complete => visual_effect( :highlight,
                             "c_ant"))%>

et dans mes parametres je n'arrive pas a savoir si ma checkbox est coché ou pas quelq'un pour m'aider

**hackiles** · 01/06/2007, 15h43

As-tu résolu le problème pour les liste déroulantes car je pense etre confronté au même problème:

vue:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<% form_tag :action => 'update', :id => @cour do %>
 
<!-- on choisit le type de doc -->
<p><label for="type_article">Choissisez le type de votre article:</label><br/>
<%= select :cour, :type_article, {"cours"=>"c", "exercice"=>"ex"},:include_blank=>true %>
 
<!-- On oberve la boite de selection pour générer le formulaire ajax -->
<%= observe_field 'type_article',
				  :update => "formulaire",
				  :url=>{:action=>'generation_form'},
				  :with=>"'type_article=' + escape(value)",
				  %>
 
<div id="formulaire">-</div>
 
<%= submit_tag 'Edit' %>
<% end %>

Controller:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
def generation_form
    type_article = params[:type_article]
    if type_article == "ex" 
    render :partial => "formex"
    else
    render :partial => "formart"
    end
  end

le partial _formex:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
(formualaire exo)
<p><label for="cour_content">Contenu</label><br/>
<%= text_area 'cour', 'content'  %></p>

aucune erreur ne s'affiche mais la page ne se met pas à jour en changeant choissisant un nouveaux type d'article dans la liste deroulante.

**ruby_robber** · 05/06/2007, 09h41

si tu ne genere pas d'ajax c'est que tu observe le mauvais champs dans ta page.
le nom de ton observefield de l'objet que tu surveille doit etre doit etre "cour_type_article".

**hackiles** · 05/06/2007, 13h07

ca marche, merci beaucoup. (c'était tout bête mais je tournais en rond)

J'ai pas mal d'effets secondaires peu désirable mais je vais essayer de gérer tout ca ^

**pizzacoca** · 07/08/2007, 15h30

le nom exact semble etre
cours[type_article]
et non
cours_type_article
non plus
cour
et non plus
cours_cours_article

je précise par ce que j'ai cherché un moment avant d'y arriver !

merci en tout cas ca m'avais bien mis sur la voie

[AJAX] Problème de mise à jour de formulaire

Ruby on Rails

Discussions similaires

Partager

Partager