将屏幕转换为Primefaces数据表

时间:2012-12-06 10:17:36

标签: jsf datatable primefaces

enter image description here data Table

我需要将上面的屏幕转换为动态数据表。在我的屏幕截图中,国内操作系统将是静态字段。但是当我点击国内操作系统标签旁边的+按钮时,DTJP和DCJP这两个对应的行应该来自数据库,最初它将显示为blnak row。但是单击+按钮,应在屏幕上显示带有输入文本字段的行。我已尝试以下代码:

                              <p:columnGroup type="header">
                                     <p:row>
                                            <p:column rowspan="2" colspan="1" headerText="Resource Type" />
                                            <p:column colspan="12" headerText="2013" />
                                            <p:column rowspan="2" headerText="'14" />
                                            <p:column rowspan="2" headerText="'15" />
                                            <p:column rowspan="2" headerText="'16" />
                                            <p:column rowspan="2" headerText="'17" />
                                     </p:row>
                                     <p:row>
                                            <p:column headerText="4" />
                                            <p:column headerText="5" />
                                            <p:column headerText="6" />
                                            <p:column headerText="7" />
                                            <p:column headerText="8" />
                                            <p:column headerText="9" />
                                            <p:column headerText="10" />
                                            <p:column headerText="11" />
                                            <p:column headerText="12" />
                                            <p:column headerText="1" />
                                            <p:column headerText="2" />
                                            <p:column headerText="3" />
                                     </p:row>

                              </p:columnGroup>

                              <p:column>
                               Employee
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>
                               <h:inputText /> 
                              </p:column>
                              <p:column>

                              </p:column>
                              <p:column>

                              </p:column>


                       </p:dataTable>

Edited- 我需要使用primefaces在jsf中创建一个数据表,其中我需要有一行,其中一列包含带有一个按钮的静态数据。当我点击此按钮时,其他列(在同一行内)应该显示一些输入文本带有标签和数据的字段应该从数据库填充。这意味着如果有两条记录到来,那么该行中的列应该根据记录数跨越到行数。这意味着一列是静态的,另一列是在该行中应该动态跨越,并且应该在行内的列中添加一些组件。请帮助我如何做到这一点?

0 个答案:

没有答案