Come posso impostare colspan
e rowspan
in JSF <h:panelGrid>
?Come impostare colspan e rowspan in JSF panelGrid?
risposta
Nessuno di entrambi è possibile con l'implementazione JSF standard. Ci sono 3 modi per risolvere questo problema:
- Scrivi da solo HTML. Un
<h:panelGrid>
riproduce fondamentalmente un codice HTML<table>
. Fai lo stesso. - Creare un renderer HTML personalizzato che supporti questo. Sarà comunque molto sudore e dolore.
- Utilizzare una libreria di componenti di terze parti che supporta questo.
- Tomahawk ha un componente che sostiene
<t:panelGroup>
colspan
in<h:panelGrid>
. - RichFaces (3.x solo) ha un componente
<rich:column>
che supporta siacolspan
siarowspan
in<rich:dataTable>
. - PrimeFaces ha una
<p:row>
accanto<p:column>
che è supportato sia<p:panelGrid>
e<p:dataTable>
(anche con<p:columnGroup>
).
- Tomahawk ha un componente che sostiene
Sono d'accordo con la risposta di BalusC e voglio aggiungere, che la libreria dei componenti primefaces JSF2 offre anche questa funzionalità se si utilizza la sua componente p:dataTable. Si chiama raggruppare lì.
assumere
a) un file di risorse messaggio con due voci:
key.row = </td> </tr> < tr> < td (ignorare gli spazi)
key.gt = >
b) row.xhtml
<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:c="http://java.sun.com/jsp/jstl/core" >
<c:forEach begin="0" end="#{colspan-2}">
<h:panelGroup />
</c:forEach>
<h:panelGroup>
<h:outputText value="#{i18n['key.row']}" escape="false" />
<h:outputText value=" colspan='#{colspan}' #{cellAttributes}" />
<h:outputText value="#{i18n['key.gt']}" escape="false" />
<ui:insert />
</h:panelGroup>
</ui:composition>
quindi, ad esempio
<h:panelGrid columns="3">
<h:outputText value="r1-c1" />
<h:outputText value="r1-c2" />
<h:outputText value="r1-c3" />
<ui:decorate template="/row.xhtml">
<ui:param name="colspan" value="3" />
<ui:param name="cellAttributes" value=" align='center'" />
<div>Hello!!!!!</div>
</ui:decorate>
</h:panelGroup>
stampa una tabella con 3 righe:
1) r1-c1, r1-c2, r1-c3
2) 3 vuoto celle
3) un centro allineato cella, con colspan 3 e contenente un ciao div ..
V.
Neanche il modo in cui farei le cose. Anche se potrebbe rispondere alla domanda, prova anche a educare. Le cattive pratiche sono ... beh ... cattive. :) –
Usa: ricco: colonna colspan="2"
di RichFaces
<rich:column colspan="2">
<h:outputText value="Ingrese el texto de la imagen" />
</rich:column>
questa domanda riguarda JSF e non richfaces – specializt
Dal 24 Gennaio 2012 primefaces ha anche la possibilità di utilizzare colspan e rowspan nella componente panelGrid di primefaces. Vedi:
Non v'è alcun modo per definire arco colonna nella griglia del pannello, ma se usato con saggezza si può farlo accadere da appena tag pianura. Un esempio che vorrei mostrarti.
<h:panelGrid columns="1" >
<h:panelGrid columns="2">
<h:commandButton image="resources/images/Regular5.jpg" action="booking/Create.jsf?faces-redirect=truebookingType=REGULAR">
</h:commandButton>
<h:commandButton id="button2" image="resources/images/Casual2.jpg" action="booking/Create.jsf?faces-redirect=truebookingType=CASUAL">
</h:commandButton>
</h:panelGrid>
<h:panelGrid columns="2">
<h:commandButton id="button3" image="resources/images/Instant2.jpg" action="booking/Create.jsf?faces-redirect=truebookingType=INSTANT">
</h:commandButton>
<h:commandButton id="button4" image="resources/images/Outstation6.jpg" action="booking/Create.jsf?faces-redirect=truebookingType=OUTSTATION">
</h:commandButton>
</h:panelGrid>
<h:commandButton id="button5" image="resources/images/ShareMyCar.jpg" action="booking/Create.jsf?faces-redirect=truebookingType=OUTSTATION">
</h:commandButton>
Notare che button5 campate due colonne date le dimensioni che richiede.
- 1. Come unire le celle (colspan) usando jsf h: panelGrid?
- 2. Impostare colspan/rowspan per una cella
- 3. primefaces panelgrid colspan non funziona
- 4. Analizzare un tavolo con rowspan e colspan
- 5. JSF: h: dataTable vsh: panelGrid
- 6. Come impostare i valori di rowspan e colspan su gwt Grid cell contenente un widget?
- 7. Aggiungi colspan e rowspan sul tavolo al volo
- 8. Come impostare un colspan in una cella Android GridView
- 9. Primefaces dataTable with rowspan
- 10. RowSpan e ColumnSpan in Xamarin Forms
- 11. Sintassi Rowspan in Markdown
- 12. tabella HTML intestazione utilizzando rowspan
- 13. Come aggiungere l'attributo "colspan" in ReactJS
- 14. rowspan dinamico e complesso nella tabella HTML
- 15. Strano comportamento con border-collapse e colspan
- 16. WebForm ASP.NET - Come impostare colspan per la riga di intestazione in GridView?
- 17. bug nella visualizzazione primefaces selectonemenu all'interno p panelgrid
- 18. Posizionamento orizzontale dei componenti in JSF
- 19. Reatt colspan non funziona
- 20. Flexbox: Layout con rowspan
- 21. Perché p: panelGrid non funziona con ui: repeat?
- 22. Come impostare il motivo della data sulle pagine jsf?
- 23. JSF Session e tunning
- 24. RichFaces: ricchi: rowspan DataTable utilizzando ricca: sottotabella
- 25. Perché colspan non è applicato come previsto
- 26. JSF inputText e validateRegexPatter
- 27. Come modificare l'attributo ROWSPAN con jQuery?
- 28. Bootstrap che combina righe (rowspan)
- 29. domanda JSF per principianti - Come ottenere questo layout?
- 30. CSS - effetto simile a rowspan
Hai provato il ricco: colonna in un pannello con colspan? Perché il documento dice: "Gli attributi" colspan "," rowspan "e" breakbefore "riguardano solo le colonne in un, non quelli in un ." –