Discussion :

[pierre987321]

bonjour,
après plusieurs tentatives et recherches,
est ce qu'une personne pourrais m'éclairer sur comment implanter "forceSelection: true".
en faite je souhaite forcer la sélection d'une proposition...

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
 
var cache = {};			
			$(function ()
			{
				$("#cp, #ville").autocomplete({
					source: function (request, response)
					{
						//Si la réponse est dans le cache
						if (('FR' + '-' + request.term) in cache)
						{
							response($.map(cache['FR' + '-' + request.term], function (item)
							{
 
								return {
									label: item.CodePostal + ", " + item.Ville,
									value: function ()
									{
										if ($(this).attr('id') == 'cp')
										{
											$('#ville').val(item.Ville);
											return item.CodePostal;
										}
										else
										{
											$('#cp').val(item.CodePostal);
											return item.Ville;
										}
									}
								}
							}));
						}
						//Sinon -> Requete Ajax
						else
						{
							var objData = {};
							if ($(this.element).attr('id') == 'cp')
							{
								objData = { codePostal: request.term, pays: 'FR', maxRows: 10 };
							}
							else
							{
								objData = { ville: request.term, pays: 'FR', maxRows: 10 };
							}
							$.ajax({
								url: "./AutoCompletion.php",
								dataType: "json",
								data: objData,
								type: 'POST',
								success: function (data)
								{
									//Ajout de reponse dans le cache
									cache[('FR' + '-' + request.term)] = data;
									response($.map(data, function (item)
									{
 
										return {
											label: item.CodePostal + ", " + item.Ville,
											value: function ()
											{
												if ($(this).attr('id') == 'cp')
												{
													$('#ville').val(item.Ville);
													return item.CodePostal;
												}
												else
												{
													$('#cp').val(item.CodePostal);
													return item.Ville;
												}
											}
										}
									}));
								}
							});
						}
					},
					minLength: 3,
					delay: 600
				});
			});

je suis preneur de toutes les idées... :-)

[mathieu]

je n'ai pas d'option "forceSelection" dans la documentation, où avez-vous lu cet argument ?
quel choix souhaitez vous forcer ?

[pierre987321]

salut,
regarde le lien :
https://www.primefaces.org/showcase/...Complete.xhtml

regarde le force sélection...
je cherche a faire la même chose pour obliger les personnes choisir parmi la liste.

tu en penses quoi ???

[NoSmoking]

Bonjour,
ton titre n'était pas des plus explicite, je viens de le modifier.

Pour « faire comme » ... il te faut sur le onchange, ou le onblur, vérifier que le contenu de ton champ est dans la liste de choix, si ce n'est pas le cas alors tu le supprimes.

Pour info, voilà une partie du code généré par PrimeFaces sur le onblur

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
20
21
22
23
24
25
26
27
function() {
  var f = $(this).val(),
    d = false;
  for (var c = 0; c < a.currentItems.length; c++) {
    var b = a.currentItems[c];
    if (b) {
      b = b.replace(/\r?\n/g, "")
    }
    if (b === f) {
      d = true;
      break
    }
  }
  if (!d) {
    a.input.val("");
    if (!a.cfg.multiple) {
      a.hinput.val("")
    }
  }
  if (d && a.checkMatchedItem && a.items && !a.isTabPressed && !a.itemSelectedWithEnter) {
    var e = a.items.filter('[data-item-label="' + f + '"]');
    if (e.length) {
      e.click()
    }
  }
  a.checkMatchedItem = false
}