Grails 3.0 entrée html changement de table par le bouton par défaut

Question

Je travaille sur un projet en utilisant Grails 3. L'une des tâches comprennent l'affichage d'une table avec des informations et de la colonne d'entrée comme celui-ci:

2 texte les champs sont présents et 3 boutons. Le bouton D remplit le premier champ de texte Le bouton D1 remplit le second champ de texte Le bouton D2 remplit les deux Enfin, le résultat sera stocké dans une seule classe de domaine au bouton Soumettre.

HTML La table est générée dynamiquement.

Pas besoin de requêtes de base de données ou d'appel de contrôleur. Cela peut être simplement une valeur de rendu 0 ou aléatoire. Je ne suis pas très expérimenté en jquery et javascript.

En résumé:

1) Table d'affichage avec 2 champs de texte d'entrée

2) l'utilisateur peut les remplir ou utiliser les boutons par défaut pour cette (ligne par ligne ou avec le bouton maître)

3) Une fois le bouton d'envoi terminé, les informations sont enregistrées dans le db

Remarque: par rafraîchissement, je veux dire s'il y a une valeur dans le champ de texte, la valeur à remplacer si le bouton est enfoncé.

Exemple: jsfiddle

document.getElementById("hour").value = numberHour; 

Comment parvenir à cela?

Answer 1

Pour l'instant, je vais utiliser le code suivant jusqu'à ce que quelque chose de mieux se trouve:

http://jsfiddle.net/dkqwpc3L/2/

<input class="form-control" type="text" id="hour0"></input> 
<input class="form-control" type="text" id="minute0"></input> 

<button onclick="myFunction('hour0')">Click for Hour</button> 
<button onclick="myFunction2('minute0')">Click for Minute</button> 
<button onclick="myFunction3('0')">Click for Time</button> 
<button onclick="myFunction4('0')">Initialise</button> 


<input class="form-control" type="text" id="hour1"></input> 
<input class="form-control" type="text" id="minute1"></input> 

<button onclick="myFunction('hour1')">Click for Hour</button> 
<button onclick="myFunction2('minute1')">Click for Minute</button> 
<button onclick="myFunction3('1')">Click for Time</button> 
<button onclick="myFunction4('1')">Initialise</button> 

<script> 
function myFunction(name) 
{ 
var numberHour = Math.floor(Math.random() * 23) + 1 
document.getElementById(name).value = numberHour; 
} 
function myFunction2(name) 
{ 
var numberHour = Math.floor(Math.random() * 59) + 1 
document.getElementById(name).value = numberHour; 
} 
function myFunction3(name) 
{ 
var Hour ='hour'+name 
var Minute ='minute'+name 
var numberHour = Math.floor(Math.random() * 23) + 1 
document.getElementById(Hour).value = numberHour; 
var numberHour = Math.floor(Math.random() * 59) + 1 
document.getElementById(Minute).value = numberHour; 
} 
function myFunction4(name) 
{ 
var Hour ='hour'+name 
var Minute ='minute'+name 
document.getElementById(Hour).value = ''; 
document.getElementById(Minute).value = ''; 
} 
</script>