Create a checkbox component in WeWeb
Вставка
- Опубліковано 6 лют 2025
- Reusable components are a great to speed up your speed in WeWeb. But when you create one out of a functional component like a checkbox, you lose access to the variable that was exposed. In this video, we are going to see how to create a reusable checkbox and how to have access to its value.
0:08 Checkbox component standalone
3:30 Checkbox component in a collection
Try WeWeb now: t.ly/YEPDr
Visit my portfolio: jptrinh.com/
Get in touch: / jptrinhh
Bonjour Jean-Philippe et merci pour cette vidéo qui m'a grandement aidé sur mon projet. Cependant j'ai une question concernant l'élément "text" de chaque checkbox. Je n'arrive pas à binder la valeur textuelle issue de mon tableau d'objet, chaque objet contient un "material" qui correspond à une matière et un "status" true ou false. J'aimerais que chaque checkbox ait en valeur texte, un material mais quand j'essaye cela m'affiche tous les material de mon tableau sur ma checkbox et pour chacune d'entres elles (checkox 1 : tous les materials, checkbox 2 : tous les materials etc...). Aurais tu stp une astuce pour y arriver ? Merci encore ;)
J'ai trouvé ! Il faut juste ajouté une flexbox supplémentaire. Donc 1 flexbox avec un array bind dessus. Une flexbox qui contient les checkbox component et l'élément text. Ensuite ils suffit de binder la data sur l'élément text et de display none le texte initial de la checkbox
J'ai du mal à tout comprendre mais content que tu ais pu trouver la solution :) Desfois il suffit de binder le bon objet et potentiellement aller chercher des éléments un peu nesté
@@jptrinhh En gros mon layout était comme dans ta vidéo : [ flexbox > [ checkbox-component] ] et j'essayais de bind une data de mon tableau sur le texte qui est par défaut "Checkbox" (dans le composant checkbox). J'ai ajouté une flexbox qui contient le checkbox-component et un élément texte comme ceci dans mon layout : [ 1ere flexbox > [ 2ieme flexbox > [ checkbox-component ] + [ text] ] ] Grace à cette structure j'ai pu récupérer la data de mon tableau pour la bind sur mon élément texte, puis j'ai caché le texte par défaut contenu dans le composant checkbox. J'espère que je suis plus clair que dans mon 1er commentaire, j'avoue avoir du mal à m'exprimer par moment ^^* En tout cas merci à toi, bonne continuation ;)
@@ThomAtome3D Ah yes, je viens de voir en plus ton post sur le forum WeWeb :) Merci pour le partage de la solution et bon projet !
@@jptrinhh Yes ;) c'est normal, merci et bonne continuation