Riga di tabella dinamica e suggeritore

MarcoGrazia

Utente Attivo
15 Dic 2009
852
20
28
62
Udine
www.stilisticamente.com
Ciao, ho un problema con una tabella creata dinamicamente, in pratica dovendo inserire dei dati in una lista, creo una tabella con alcuni campi di input.
Fin qui nulla di speciale, uso jquery ma solo per semplicità, in realtà sto utilizzando codice standardizzato per rifare ciò che ho già implementato due anni fa e che tra l'altro funziona egregiamente.
Dato che il progetto è per una intranet, oltre a non potervi far vedere il codice in azione, questa sera potrò esprimere solo le mie domande, poi magari domani in ufficio metto su altro codice; non è un progetto segreto e non dovrò uccidervi tutti dopo... :D
Scherzi a parte ecco il problema: creata dinamicamente la prima riga sul secondo campo di input un "suggeritore" creato con jquery ui ( autocomplete ) mostra i nomi dei comuni italiani per la provincia di Udine, al terzo carattere inserito cerca nel database ( locale ) una serie di comuni che hanno quelle caratteristiche nel nome... ok avete capito.
Il problema comincia con la seconda riga, infatti quando si arriva all'ultimo campo ( sono 4 ) poi si preme un tasto e si genera una nuova riga e ricomincia il gioco, se non che il suggeritore non funziona più.
Il motivo è che la nuova riga contenente i campi generati automaticamente non è inserito nel flusso del programma, ma probabilmente ha una gestione separata e quindi, anche se non da errori di sorta, non fa funzionare il suggeritore.
Detto così è un po' semplicistico ma è ciò che succede, io avrei bisogno ovviamente che il suggeritore funzioni sempre, ma come faccio?
Un po' di codice? quello che ho recuperato:
la parte della tabella in cui si innestano le righe autogenerate.
HTML:
<form .... >
<tableclass="table">
<tbody></tbody>
<tfoot>
  <tr>
    <tdcolspan="4">
      <divclass="form-group">
        <divclass="col-md-12">
          <inputtype="button"class="btn btn-info btn-block"id="aggiungi"value="AGGIUNGI RIGA">
        </div>
      </div>
    </td>
  </tr>
</tfoot>
</table>
</form>
La parte in javascript ( semplificando un po' tutto )
Codice:
<script>
  $( document ).ready(function(){
    //  Gestione del suggeritore per i comuni.
    $("input[name^='comune']").autocomplete({
      source:'suggestionComuni.get.php',
      minChars:3,
      autoFill:true,
      max:30,
      formatItem:function( row ){
        return row[0]+" ("+ row[2]+", "+ row[1]+")"+" "+row[5];
      },
      formatMatch:function( row ){  return row[0];  },
      formatResult:function( row ){  return row[0];  }
    });

    var indice =1;
    function tableRowSet(){
      //  Creazione di una riga con le 4 celle.
     var cella1 ="<tr><td><div class=\"form-group\"><div class=\"col-md-12\"><input type=\"text\" id=\"numeroRett-"+ indice +"\" class=\"form-control\" name=\"numeroRett["+ indice +"]\" placeholder=\"000/00\" value=\"\"></div></div></td>",
     cella2 ="<td><div class=\"form-group\"><div class=\"col-md-12\"><input type=\"text\" id=\"comune-"+ indice +"\" class=\"form-control\" name=\"comune["+ indice +"]\" value=\"\"></div></div></td>",
     cella3 ="<td><div class=\"form-group\"><div class=\"col-md-12\"><input type=\"text\" id=\"persona-"+ indice +"\" class=\"form-control\" name=\"persona["+ indice +"]\" placeholder=\"Mario Rossi\" value=\"\"></div></div></td>",
     cella4 ="<td><div class=\"form-group\"><div class=\"col-md-12\"><select class=\"form-control\" id=\"statoCivile-"+ indice +"\" name=\"statoCivile["+ indice +"]\"><option value=\"nascita\">Nascita</option><option value=\"cittadinanza\">Cittadinanza</option><option value=\"matrimonio\">Matrimonio</option><option value=\"morte\">Morte</option></select></div></div></td></tr>",
      riga = cella1 + cella2 + cella3 + cella4;

      //  Aggiunge la riga
      $( riga ).appendTo('tbody');
      //  Focus sulla prima cella di ogni nuova riga.
      $('#numeroRett-'+ indice ).focus();
      indice++;  //  Aggiunge + 1 per la futura riga.
    };
    tableRowSet();    //    Inizializzazione alla prima riga.

    //  Richiede una nuova riga
    $('#aggiungi').on('click',function(){
      tableRowSet();
    });
                
  });
</script>
Ovviamente salto il codice del resto della pagina, anche perché dovendo usare un framework è molto ridondante, se volete provarlo, scaricate jquery, jquery ui e costruite pure una semplice pagina html usando questi pochi dati, per il database... fate voi.
Rimane il fatto che non so come ovviare al vero problema, cioè che il suggeritore non funziona sulla seconda riga generata.
Ho anche pensato di inserire l'intera funzione di autocomplete all'intera funzione dentro la tableRowSet() in modo da inserirla dentro la stessa routine che genera il codice dinamico, ma poi non funzionerebbe perché la chiamata al suggeritore è comunque esterna a quella funzione... o no? Domani ci provo tanto non mi costa nulla, ma se nel frattempo vi vengono delle idee, dei suggerimenti, ben vengano che ne ho tanto bisogno.
Ciauz.
 

marino51

Utente Attivo
28 Feb 2013
3.203
207
63
Lombardia
prova a spostare "// Gestione del suggeritore per i comuni." nella "tableRowSet();"

in una una situazione simile, lo spostamento ha funzionato
(ultimo 3D di Matala se lo vuoi cercare)
 

MarcoGrazia

Utente Attivo
15 Dic 2009
852
20
28
62
Udine
www.stilisticamente.com
prova a spostare "// Gestione del suggeritore per i comuni." nella "tableRowSet();"

in una una situazione simile, lo spostamento ha funzionato
(ultimo 3D di Matala se lo vuoi cercare)
Purtroppo non ha funzionato, ora non va nemmeno con la prima riga.
Io la soluzione ce l'ho sulla punta delle meningi ma non riesco a scoprirla, sono troppo coinvolto nella soluzione e non riesco a vederla.
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
B Crea pdf da tabella mysql "ultima riga modificata" MySQL 4
M Tabella con riga più lunga HTML e CSS 6
C [PHP] Elimina riga tabella PHP 9
A Creazione automatica pagina php da id della riga di una tabella PHP 1
L [Javascript] Aggiungere una riga ad una tabella Javascript 5
M Come recuperare valori della riga di una tabella creata dinamicamente da un file esterno? Javascript 11
L intestazione di tabella HTML continua a ripetere per ogni riga della tabella PHP 5
R Ottenere il numero di riga di una tabella mysql contenente un nome specifico PHP 1
V Rimuovere una riga <tr> da una tabella Javascript 7
I Riga tabella HTML creata con cicli PHP e Query Sql che restituisca un campo se si clicca la Riga PHP 4
U nascondere riga di tabella se valore campo =... Javascript 4
J Selezionare col mouse una riga di una tabella PHP 1
A modifica scpript per visualizzare una riga alla volta di una tabella Javascript 1
M Come estarre da una tabella html i valori di una riga selezionata PHP 15
davide1982 Cancellare riga tabella dopo 24 ore MySQL 7
D help, ruotare dati riga a colonna da tabella sql PHP 2
P associare un bottone per ogni riga di una tabella PHP 21
L Bing prima pagina prima riga; Google mi ignora SEO e Posizionamento 0
S impostare un testo e una img nella stessa riga con jsPDF Javascript 0
C media per riga MySQL 1
Samuele Ronzani Suono di notifica in nuova riga MySQL 28
A aggiungere stringa all'inizio di ogni riga di un file txt PHP 3
S Cancellare una riga MYSQL PHP 1
felino Excel: popolare una cella con la data di modifica della riga a cui appartiene Windows e Software 3
P textbox- scrivere tutto su una sola riga anche se si va a capo .NET Framework 2
B visualizzare una sola riga Database 3
E [PHP] problemi nuova riga con fwrite su piattaforma android PHP 5
Cosina [PHP] Cancellare una riga da un file di testo in base al nome PHP 2
Cosina [PHP] Cancellare una riga da un file txt in base alla data PHP 1
B [PHP] Elimina quindi aggiungi una riga in un file di testo PHP 0
A [PHP] Cancellare riga database a scelta dell'utente PHP 2
MikSkagit [PHP] Risultati a video sulla stessa riga PHP 12
G [Javascript] eseguire test-case Selenium da riga di comando... Javascript 0
A [WordPress] Eliminare riga codice HTML WordPress 6
elpirata [Javascript] Disabilitare campo input quando si aggiunge riga nuova Javascript 0
M [HTML] stampa riga condizionata HTML e CSS 3
A [PHP] Dati su una riga concatenati dalla data PHP 5
giancadeejay [PHP] checkbox ad ogni riga estratta dal db PHP 13
ANDREA20 [PHP] Errore riga PHP 0
fabryx [PHP]RISOLTO: eliminazione riga con singolo valore duplicato in array PHP 19
M riga dei sottomenù in php? PHP 2
ANDREA20 [PHP] problema riga PHP 5
A phpmyadmin importa solo prima riga csv PHP 1
G Come si a fare una riga con pallini con photoshop? Photoshop 1
G estrarre parametri dalla riga di comando PHP 0
JackIlPazzo Sostituire una riga specifica in un file di testo senza cancellare il rimanente PHP 13
D batch leggere ultima riga e salvarla Programmazione 0
P problemi con inser into e riga bianca nel db PHP 6
E Cercare un valore e scrivere tutta la riga txt che lo contiene PHP 15
L file. leggere dall'ultima riga alla prima PHP 1

Discussioni simili