Jsf+Primefaces responsive design
J'ai commencé à travailler de JSF+Primefaces dernière version de mon site est-ce possible en quelque sorte je peux faire mon responsive design avec ces technologies. Je ne veux pas utiliser Primefaces mobiles ou je ne veux pas créer deux page différents pour la même fonctionnalité
primefaces.org/showcase essayez de vérifier les nouveaux primefaces vitrine avec un ordinateur de bureau, tablette et téléphone mobile (par exemple à l'aide d'Ondulation dans Chrome ). Il est "responsive" et a l'air bien sur tous les appareils. Tbh n'a pas testé
OriginalL'auteur user3696143 | 2014-06-04
Vous devez vous connecter pour publier un commentaire.
PrimeFaces 6.x a une conception adaptée des mises à jour, y compris un Grille Souple.
La grille n'est pas un composant JSF, c'est un simple div avec une
ui-grid
classes.Exemple de 3 colonnes:
Dans des scénarios réels susceptibles d'avoir seulement une grille de ne pas remplir les exigences de sorte que vous devez généralement utiliser certains cadres comme bootstrap ou fondation.
Les deux cadres de fournir CSS/Javascript règles, ils peuvent être appliqués facilement sur les composants JSF, par exemple, si vous avez un bouton:
btn est un bootstrap CSS de la classe.
Vous rencontrerez certains des composants qui n'acceptent pas ces styles, comme la table de Primefaces, dans ces cas, vous devez écrire votre propre CSS media queries/Javascript afin de maintenir la réactivité.
Voir plus
div
directement que c'est une simple balise HTML qui n'est pas un composant JSF. Au lieu de cela, envisager l'utilisation de JSF<h:panelGroup styleClass="ui-grid" layout="block">
ou PrimeFacesp:panel
. Ensuite, dans les deux cas, il sera contrôlable par le JSF moteur. Toutes les belles choses commerendered="#{someELcode.bla()}"
est alors possible.vous plaisantez droit ?
Non, ce que j'ai appris, vous devriez éviter le contact direct des balises HTML comme ils ne sont pas contrôlés par JSF moteur. Surtout quand il s'agit de
<form>
au lieu de<h:form>
balise qui ne sera pas appeler votre méthode d'action dans le backing bean. Aussi à l'aide de<input>
au lieu de<h:commandButton|Link>
ne déclenchera pas. À l'aide de<head>
au lieu de<h:head>
ne se charge pas de Javascript dans votre JSF moteur (y compris toutes les autres faces).C'est ce que j'ai appris lors de la formation. 🙂 Et je l'ai essayé et avait exactement ça, pas de méthode d'action a été appelé. Eh bien, pour
<div>
, que je sache, il va finir comme le corps pour certains balise JSF.Cela ne signifie pas que vous ne pouvez pas utiliser le html, après tout, tous le résultat final de ces composantes est HTML, votre point de droit pour des composants spécifiques que vous avez besoin de récolter une entrée d'eux, mais d'avoir une mise en page c'est une bonne pratique d'utiliser le html plutôt que d'avoir des éléments supplémentaires sur la pile, donc l'utilisation de div et span, etc.. est une bonne pratique
OriginalL'auteur Hatem Alimam