Discussion :

[jamelweb]

Bonjour,

Je cherche à implémenter un autocomplément avec sqlite au Cordova.
Avec ce code je récupère les données

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
 
<input id="valueEnter" oninput="clickfunc(this)" />
<ul data-role="listview" data-inset="true" data-filter="true" data-filter-reveal="true" data-input="#valueEnter" id="valueId"></ul>	
 
function clickfunc(object) 
	{
          $("#valueId").empty();
          var valueId= "";
          var valueIdName= $("#valueEnter").val();
          if (valueIdName.length > 2) 
		    {
              var select = '%' + valueIdName+ '%';
              db.transaction(function (transaction) {
                   transaction.executeSql('SELECT Ref from protest WHERE Ref LIKE "' + valueIdName+ '";', [],
                        function (transaction, results) {
                        if (results != null && results.rows != null) {
                              if (results.rows.length > 0) {
                                   for (var i = 0; i < results.rows.length; i++) {
                                       var code = results.rows.item(i).Ref;
                                       valueId+= '<li class="ui-screen-hidden"><a href="#">'+ code + '</a></li>';
                                    } 
                                  $("#valueId").append(valueId).selectmenu('refresh');
 
						        } 
                        }
                        });
                });
            }
 
    }

Mais je sais pas comment récupère dans le champ la valeur selected parmi la liste ?!
a ce moment, après la sélection une valeur parmi la liste , automatiquement une liste de lien apparaît au dessus du champ.
Si vous pouvez m'aider à récupère dans le champ la valeur selected parmi la liste sans cette liste des liens!!

[NoSmoking]

Bonjour,

Code :

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

valueId+= '<li class="ui-screen-hidden"><a href="#">'+ code + '</a></li>';

pourquoi mettre une balise <a> ?

Code :

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

valueId+= '<li class="ui-screen-hidden">'+ code + '</li>';

et après sur le click de tes <li> il te suffit de récupérer son textContent et de mettre à jour l'<input>.

[jamelweb]

merci,

et après sur le click de tes <li> il te suffit de récupérer son textContent et de mettre à jour l'<input>.

Dans la même fonction?

Si je veux travailler avec autocomplete UI

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
 
var select = false;
         var availableTags = [
         "ActionScript",
         "AppleScript",
         "Asp",
         "C",
         "C++",
         "Java",
         "JavaScript"
        ];
$("#tags").autocomplete({
source: availableTags,
autoFocus: true,
          selectFirst: true,
	      minLength: 2,
	      messages: {
              noResults: '',
              results: function() {}
            },
          open: function(event, ui) { if(select) select=false; },
          select: function(event, ui) { select=true; }
        }).blur(function(){
            if(!select)
            {
              $("#tags").val('');
            }
        });

mais je lorsque je modifier avec les données de DB sqlite , ca ne fonctionne pas malgré que je reçoit bien les données.
apres de recherche sur google, il me faut de travailler avec callback
mais je ne sais pas comment l'implémenter dans cette situation

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
 
db.transaction(function(tx) {
                  tx.executeSql("SELECT Ref  FROM client",  [],function (tx, results) {
                        if (results != null && results.rows != null) {
						if (results.rows.length > 0) {
						for (i=0; i<results.rows.length; i++) {
                            row = results.rows.item(i);
							//alert(row.Ref);
                            jsonClientes.push(row.Ref);
                        }
						return JSON.stringify(jsonClientes);
 
 
						}
 
						}
 
                        //alert(JSON.stringify(jsonClientes));
 
                    },function (tx, e) {
						alert('error: ' + e.message);
                    }
                );  
            });