日期:2014-05-20  浏览次数:20681 次

JSF中的布局问题,期待指点
之前,我实现了一个dataTable的效果;
如下:
  分页测试
标题 内容 评价 查看 删除 
名字20 那要是把数字转换成字符有什么好的方法20 提问者对于答案的评价20 查看 删除 
名字21 那要是把数字转换成字符有什么好的方法21 提问者对于答案的评价21 查看 删除 
名字22 那要是把数字转换成字符有什么好的方法22 提问者对于答案的评价22 查看 删除 

代码如下:
Java code
<t:dataTable id="data" styleClass="scrollerTable"
                    headerClass="seaman_test_header"
                    footerClass="seaman_test_header"
                    rowClasses="seaman_test_row1,seaman_test_row2"
                    columnClasses="standardTable_Column,standardTable_ColumnCentered,standardTable_Column"
                    var="data" value="#{pagination.data}"
                    preserveDataModel="false" 
                    rowId="#{data.id}"
                    rowOnClick="sayHello(this.id)"
                    rows="#{pagination.pageSize}">
                
                <f:facet name="header">
                <h:outputText value="分页测试" />
                </f:facet>
                

                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="标题" />
                        </f:facet>
                        <h:outputText value="#{data.title}" />
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="内容" />
                        </f:facet>
                        <h:outputText value="#{data.content}" />
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="评价" />
                        </f:facet>
                        <h:outputText value=" #{data.worth}" />
                    </h:column>


                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="查看" />
                        </f:facet>
                        <h:commandLink id="Edit" action="showDetail"
                            actionListener="#{pagination.showDetail}" immediate="true">
                            <h:outputText value="查看" />
                            <f:param id="editId" name="id" value="#{data.id}" />
                        </h:commandLink>

                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="删除" />
                        </f:facet>
                        <h:commandLink id="Delete" action="deletePagination"
                            actionListener="#{pagination.DeleteOne}" immediate="true">
                            <h:outputText value="删除" />
                            <f:param id="deleteId" name="id" value="#{data.id}" />
                        </h:commandLink>

                    </h:column>
                </t:dataTable>




现在 我想换成象论坛回帖的那种显示效果:
简单如下:

标题:名字20
内容:那要是把数字转换成字符有什么好的方法20 
评价: 提问者对于答案的评价20 查看 删除
--------------------------------
标题:名字20
内容:那要是把数字转换成字符有什么好的方法20 
评价: 提问者对于答案的评价20 查看 删除