Discussion :

[MalboroFR]

Bonjour,

J'ai 2 select societe et affaire.
Je voudrais quand je choisit une societe que dans le seconde select seul les affaire ayant meme la societé apparaissent et les autres n'apparaissent plus.

J'ai commencé mais je bloque là personne à une piste ?

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
19
$(document).ready(function() {
	var IdAffaire = $("#IdSelectAffaire").text();
    $().SPServices({
    	var sociedad=$("#ctl00_ctl33_g_bca40339_7e91_475b_a0d3_ebcd1ba4489b_Soci_x00e9_t_x00e9_Field_ctl00_Lookup").val();
        operation: "GetListItems",
        async: true,
        listName: "Affaire",
        CAMLViewFields: "<ViewFields><FieldRef Name='Societe' /></ViewFields>",
        CAMLQuery: "<Query><Where><Eq><FieldRef Name='Societe'/><Value Type='Text'>" + sociedad + "</Value></Eq></Where></Query>",
        completefunc: function (xData, Status) {
            $(xData.responseXML).SPFilterNode("z:row").each(function() {
 
 
 
 
              });
        }
    });
});

[autran]

Bonjour,

Comment sais tu quelle affaire appartient à une société ?

Cette appartenance réside dans une base de donnée ? dans un fichier ? ou est écrite en dur dans ta page HTML ?

[MalboroFR]

Bonjour Autran,

En faite je suis sous sharepoint. Du coup Affaire est une liste et societe une colonne de la liste affaire

[autran]

Tu peux nous mettre le code de tes 2 select société et affaire
car je comprends pas bien le truc

Sinon pour te donner une idée : tu pourrais utiliser <optgroup> pour y mettre les sociétés et <option> pour y mettre les affaires de la société. Ça te donnerait une IHM plus sobre et ergonomique et tu t'économiserais du développement Jquery qui te poses problème.

[MalboroFR]

d'accord

alors voila le code sharpoint pour la societe:

Code html :

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

1
2
3
 <div class="fd_field " fd_name="Soci_x00e9_t_x00e9_" style="">
                      <div class="ms-formbody fd_control" fd_type="Lookup" style="" fd_readonly="False"><SharePoint:FormField id="Soci_x00e9_t_x00e9_Field" runat="server" ControlMode="New" FieldName="Soci_x00e9_t_x00e9_" __designer:bind="{ddwrt:DataBind('i','Soci_x00e9_t_x00e9_Field','Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Soci_x00e9_t_x00e9_')}" /><SharePoint:FieldDescription runat="server" FieldName="Soci_x00e9_t_x00e9_" ControlMode="New" /><!----></div>
                    </div>

et voici ce que ça donne en html:

Code html :

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

1
2
3
4
5
6
<select name="ctl00$ctl33$g_bca40339_7e91_475b_a0d3_ebcd1ba4489b$Soci_x00e9_t_x00e9_Field$ctl00$Lookup" title="Société" id="ctl00_ctl33_g_bca40339_7e91_475b_a0d3_ebcd1ba4489b_Soci_x00e9_t_x00e9_Field_ctl00_Lookup">
					<option selected="selected" value="0">(Aucune)</option>
					<option value="12">Orange</option>
					<option value="1">SFR</option>
 
				</select>

pareil pour le code affaire

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="fd_field " fd_name="Code_x0020_Affaire" style="">
                      <div class="ms-formbody fd_control" fd_type="Lookup" style="" fd_readonly="False"><SharePoint:FormField id="Code_x0020_AffaireField" runat="server" ControlMode="New" FieldName="Code_x0020_Affaire" InDesign="True" __designer:bind="{ddwrt:DataBind('i','Code_x0020_AffaireField','Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Code_x0020_Affaire')}" /><SharePoint:FieldDescription runat="server" FieldName="Code_x0020_Affaire" ControlMode="New" /><!----></div>
                    </div>
 
 
				<select name="ctl00$ctl33$g_bca40339_7e91_475b_a0d3_ebcd1ba4489b$Code_x0020_AffaireField$ctl00$Lookup" title="Code Affaire" id="ctl00_ctl33_g_bca40339_7e91_475b_a0d3_ebcd1ba4489b_Code_x0020_AffaireField_ctl00_Lookup">
					<option selected="selected" value="0">(Aucune)</option>
					<option value="8">10000000</option>
					<option value="9">10100000</option>
					<option value="10">10200000</option>
					<option value="11">10300000</option>
					<option value="12">10400000</option>
 
 
				</select>

Et j'ai une autre liste à relier qui ont la societe et le code affaire

[autran]

oui c'est bien ce que je comprenais, tu ne peux pas savoir dans ton select affaire à quelle société appartient une affaire.
Sauf si tu me dis que c'est ton attribut "value" qui fait le lien par exemple : l'option affaire 10400000 ayant dans ton select affaire "value = 12" elle appartiendrait à orange qui la même valeur dans le select société. Est-ce le cas?

[MalboroFR]

oui c'est ça car dans un autre liste j'ai des société liées à différentes affaire et je pas trop par ou commencer j'ai juste fais le lien avec les 2 listes:/

[autran]

Ok à ta place, je laisserais tomber Jquery car en 5 lignes simples de JavaScript ton problème doit être réglé.

Mais avant tout il te faut un macro algorithme (un scenario) du genre :

• l'utilisateur sélectionne un société
• on sauvegarde la valeur de la société et on réécrit le select des affaires en ne gardant que les options pour lesquelles value est celle de la société.

ouais 5 lignes

[MalboroFR]

D'accord

En faire je remove le select
Apres je dois parcourir toute les affaires de l'autres liste qui contient la même société.
Puis pour chaque affaire j'ajoute la ligne option.
et apres si la valeur societé change je dois supprimer le le select et le refaire.

Apres je connais que la manière jquerry pour faire la requête etre mes 2 liste.

En plus de tout ça je manque de connaissance par exemple pour faire la boucle pour avoir le nombre d'affaire lier à la société

[autran]

Non, ne le remove pas sinon tu perds ta liste brute et tu dois la recharger depuis ton serveur. Qu'elle perte de ressource et de temps.
Tu n'as qu'a le cacher. Et tu en crée un nouveau à chaque fois.
Mais comme ça tu gardes ta liste initiale d'entreprises, mais pas invisible.

Je te conseille de t'entrainer sur une page HTML avec des noms potables.
Je t'en donne un exemple avec sélection de l'ID de la société et son affichage dans un label ..... à toi de faire le reste :

Code html :

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
19
20
21
22
23
24
<!doctype html>
<html lang="fr">
	<head>
		<meta charset="UTF-8">
		<title> suivi d'affaire </title>
		<script type="text/javascript">
                        function ma_fonction(select)
                        {
                                document.getElementById("cache").innerHTML = select.options[select.selectedIndex].value;
                        }       
                </script>		
	</head>
	<body>
		<select id = "societe" onchange="ma_fonction(this)">
			<option selected="selected" value="0" >vide</option>
			<option value="8">SFR</option>
			<option value="9">Djibouti Telecom</option>
			<option value="10">free</option>
			<option value="11">Orange</option>
			<option value="12">Yam</option>
		</select>
		<label id = "cache"></label>
	</body>
</html>

[MalboroFR]

ok merci je vais essayer au taff demain

Je donnerai des nouvelles dans la journée ^^

[MalboroFR]

Je reviens donc mais pour un problème :/

J'ai choisi de persister dans le js et je pense sur ce bout de code.

https://jsfiddle.net/bgqmv3ue/

en faite je veux si le code affaire correspond pas avec le code affaire des élément des autres liste je le cache.

J'ai essayé avec un code simple mais ça marche pas une suggestion?

[autran]

Tu ne persistes pas en JS mais en Jquery.
Or visiblement tu n'es déjà pas très à l'aise pour écrire 10 petites lignes de JS traditionnel. Et tu souhaites utiliser dans ce langage une bibliothèque (Jquery) qui t'apporte encore de la complexité.
De plus (philosophiquement), JQuery qui nécessite un effort d'apprentissage non négligeable, est utilisé par les "développeurs front" pour leurs économiser de nombreuses ligne de JS.
Mais là tu n'as qu'un minuscule bout de code à écrire, donc je pense que le jeu n'en vaut pas la chandelle.

De plus, je ne saurais trop que te conseiller de faire les choses avec méthode et rigueur. Développe ton bout de code JS (ou Jquery si tu y tiens) avec une page propre et non pas avec tes noms de variable (à coucher dehors) générés automatiquement par ton sharepoint. Tu fais une page avec tes 3 select société et affaires(caché) et tu peuple le troisième avec les affaires du second qui correspondent à la société sélectionnée par l’utilisateur. De cette façon tu peux mettre ton code simplement sur ce fil au lieu de nous rediriger sur un site étranger.

Tu peux rediriger vers ta production, mais ceux qui font cela sont des gens qui hébergent sur leur github des sources de plusieurs milliers de lignes e de très haut niveau.

[MalboroFR]

Voilà ce que ça donne

https://jsfiddle.net/bgqmv3ue/4/

Mais mon if marche pas mais je sais pas pourquoi :/

[autran]

Je vois que tu es parti full jQuery. D'ailleurs ton fil viens d'être déplacé par un modérateur vers le sous forum jQuery.
Pour ma part je reste JavaScript pur. Donc je laisse aux experts de cette bibliothèque le soin de te répondre.
bon courage.

[MalboroFR]

D'accord merci autran tu m'as permis de bien avancer déjà