Simuler le "forceSelection: true," de PrimeFaces

Version imprimable

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:

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... :-)

25/02/2018, 21h24
mathieu

je n'ai pas d'option "forceSelection" dans la documentation, où avez-vous lu cet argument ?
quel choix souhaitez vous forcer ?
25/02/2018, 23h38
pierre987321

regarde cela...

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 ???

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:

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
}