Performances de mise en page JSF2/Primefaces

Question

Actuellement, j'utilise une mise en page complète et p: layoutUnits et la composition de la page dans ma webapp. J'ai un en-tête fixe avec une barre de menu, et un layoutunit de contenu, et c'est tout. Il était facile à configurer, mais dans IE (7) lorsque je navigue vers une nouvelle page, toute la page est rechargée (visiblement), l'en-tête est effacée puis chargée, et - encore plus agaçante - la barre de menus est affichée une seconde les menuitems visibles.

Dans d'autres navigateurs, cet effet n'est pas vraiment visible, malheureusement, IE 7 est ma cible.

Maintenant, je pense à dire au revoir à p: layoutUnits et l'implémentation de la mise en page avec simple magie css et div fixe pour l'en-tête - serait-il améliorer l'affichage dans IE? Y a-t-il autre chose que je puisse faire pour le rendre plus rapide et plus fluide? Je voudrais qu'il ressemble à l'en-tête ne change pas du tout, seulement le contenu. Comment utiliser iframe? Autoriserait-il les URL pouvant être mises en signet?

Answer 1

J'ai finalement décidé de dire au revoir à p: layout. J'ai une longue table qui est deux ou trois fois la taille de l'écran. Si je le mets dans une mise en page déroulante, alors le défilement est si lent qu'il est vraiment énervant (testé dans IE, Firefox et Chrome - tout aussi lent). Peut-être que ce widget n'était pas destiné à ce genre d'utilisation (affichage de contenu long et défilant), mais maintenant il est clair que je vais devoir faire un design CSS approprié et rester avec les DIVs brutes.

Néanmoins, c'était génial pour mettre rapidement en place une interface graphique d'application qui peut être montré aux clients.

Answer 2

Je vois c'est une vieille question, mais je vais jeter dans une nouvelle réponse de toute façon ...

PrimeFaces 3.0 <p:dataTable> le défilement dans la table. Vous définissez une hauteur et une largeur fixes pour la table de données sur votre page et dans cette zone, la table de données est rendue avec une barre de défilement. Les en-têtes et les pieds de colonnes restent en place et vous faites simplement défiler les lignes. Ils ont juste nettoyé quelques bogues de format dans leurs builds instantanés nocturnes qui font le <p:dataTable> fière allure dans IE 7. Cela pourrait valoir un coup d'oeil à PrimeFaces pour ceux qui (comme moi) doivent soutenir des navigateurs IE plus anciens.

LINK: PrimeFaces 3.0 Showcase (scrollable data table)

Answer 3

Pour ceux qui luttent avec mises en page, suivez BalusC et une utilisation simple divs/JSF 2.0 et css Templating. J'ai commencé avec les mises en page PrimeFaces et je ne l'ai jamais réussi à travailler avec des designs compliqués.

http://www.mkyong.com/jsf2/jsf-2-templating-with-facelets-example/