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);
                    }
                );  
            });