Utiliser du code Javascript dans le Widget HTML
Bonjour.
Je souhaiterais créer un tableau de ce genre : http://dreakmore.info/tgrid/demos/ Du coupe je pense utiliser un widget HTML de façon à pouvoir créer ce tableau. Et dans ce tableau, je voudrais le remplir avec un liste de données que j'ai récupéré grâce à un connecteur. Est ce qu'il existe un méthode pour utiliser une variable de mon processus (ma liste) et en même temps utiliser du script javascript ? Au début j'ai pensé utiliser un script groovy mais ça n'a pas l'air de faire bon ménage avec les $ de javascript.
Pour l'instant j'ai juste un tableau tout simple que j'utilise de cette façon :
html += "<tr>";
for (s in listeNomsColonnes) {
html = html+"<td><b>"+s+"</b></td>";
}
html += "<td><b>Actions</b></td></tr>";
for (i in listeDonnees) {
html += "<tr>";
for (j in i) {
html += "<td>"+((j!=null)?j:"")+"</td>";
}
html += "<td><button onclick=\"alert('clic')\">Edit</button></td></tr>";
}
return html+"</table>";
PS : listeNomsColonnes et listeDonnees sont les variables de mon processus. Je les parcours pour générer le code HTML qui sera affiché dansle widget. Maintenant je souhaiterais y intégrer le script js proposé dans le lien tout en haut.
Après m'être documenté sur le langage Groovy, j'ai trouvé une solution. Il suffit de mettre \$ pour pouvoir utiliser le symbole $ dans un scrypt. C'était tout bête ^^
Et du coup je me suis servi de ton tutoriel : http://community.bonitasoft.com/blog/how-add-custom-javascript-your-boni...
J'utilise la librairie js datatables (https://datatables.net/) en suivant le tutoriel et ça donne un très bon résultat.
J'ai maintenant un tableau dans lequel je peux trier mes données et les filtrer.
Merci beaucoup pour ton tutoriel.
- 327 reads
Comments
Est-ce que tu as essayé en créant un champs "hidden" auquel tu assignes la variable avec ta liste ? Du coup, tu dois pouvoir ensuite l'utiliser en JS.