Jsf primefaces列在panelgrid上消失
我不知道为什么,但我在面板网格上设置的列被合并,就好像它们只是一列一样 这是密码Jsf primefaces列在panelgrid上消失,jsf,jsf-2,primefaces,Jsf,Jsf 2,Primefaces,我不知道为什么,但我在面板网格上设置的列被合并,就好像它们只是一列一样 这是密码 <h:panelGrid id="formOcurrencia"> <p:row> <p:column> <h:outputLabel value="Número de catalogo:" for="numcatInput" /> </p:column>
<h:panelGrid id="formOcurrencia">
<p:row>
<p:column>
<h:outputLabel value="Número de catalogo:" for="numcatInput" />
</p:column>
<p:column>
<p:inputText id="numcatInput"
value="#{ocurrenciaDM.ocurrencia.catalogNumbOcurrencia}" />
</p:column>
<p:column>
<h:outputLabel value="Número de record:" for="numrecInput" />
</p:column>
<p:column>
<p:inputText id="numrecInput"
value="#{ocurrenciaDM.ocurrencia.recordNumbOcurrencia}" />
</p:column>
</p:row>
<p:row>
<p:column>
<h:outputLabel value="Fecha inicial:" for="cal_ocurr1Input" />
</p:column>
<p:column>
<p:calendar id="cal_ocurr1Input"
value="#{ocurrenciaDM.ocurrencia.fechaInicialOcurrencia}"
mindate="1/1/1960" pattern="dd/MM/yyyy" navigator="true"
display="inline">
<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT+5" />
</p:calendar>
</p:column>
<p:column>
<h:outputLabel value="Fecha final:" for="cal_ocurr2Input" />
</p:column>
<p:column>
<p:calendar id="cal_ocurr2Input"
value="#{ocurrenciaDM.ocurrencia.fechaFinalOcurrencia}"
mindate="1/1/1960" pattern="dd/MM/yyyy" navigator="true"
display="inline">
<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT+5" />
</p:calendar>
</p:column>
</p:row>
</h:panelGrid>
这里是如何显示在页面上
<tbody>
<tr>
<td><label for="taxonomiaAdminForm:numcatInput">
Número de catalogo:</label><input aria-multiline="false" aria-readonly="false" aria-disabled="false" role="textbox" id="taxonomiaAdminForm:numcatInput" name="taxonomiaAdminForm:numcatInput" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" type="text"><label for="taxonomiaAdminForm:numrecInput">
Número de record:</label><input aria-multiline="false" aria-readonly="false" aria-disabled="false" role="textbox" id="taxonomiaAdminForm:numrecInput" name="taxonomiaAdminForm:numrecInput" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" type="text"></td>
</tr>
<tr>
<td><label for="taxonomiaAdminForm:cal_ocurr1Input">
Fecha inicial:</label><span id="taxonomiaAdminForm:cal_ocurr1Input"><input aria-multiline="false" aria-readonly="false" aria-disabled="false" role="textbox" id="taxonomiaAdminForm:cal_ocurr1Input_input" name="taxonomiaAdminForm:cal_ocurr1Input_input" class="ui-inputfield ui-widget ui-state-default ui-corner-all hasDatepicker" type="text"></span><label for="taxonomiaAdminForm:cal_ocurr2Input">
Fecha final:</label><span id="taxonomiaAdminForm:cal_ocurr2Input"><input aria-multiline="false" aria-readonly="false" aria-disabled="false" role="textbox" id="taxonomiaAdminForm:cal_ocurr2Input_input" name="taxonomiaAdminForm:cal_ocurr2Input_input" class="ui-inputfield ui-widget ui-state-default ui-corner-all hasDatepicker" type="text"></span></td>
</tr>
<tr>
<td><label for="taxonomiaAdminForm:cont_indInput">
Conteo individual:</label><input aria-multiline="false" aria-readonly="false" aria-disabled="false" role="textbox" id="taxonomiaAdminForm:cont_indInput" name="taxonomiaAdminForm:cont_indInput" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" type="text"></td>
</tr>
Número de catalogo:
Número de record:
联邦政府:
Fecha最终版本:
孔戴个人:
每行上只有一列,我将示例复制粘贴到页面上,然后将一些行复制到我的panelgrid中,列又丢失了。尝试删除所有这些
和
,并设置
中的列数。请注意,columns
属性将自动构建HTML表,以便在每个
中有四个
元素(以HTML术语表示)
另一个建议是:您的
id不应该是formXxx
,而应该使用一个更有意义的名称,如pnlXxx
,并让表单
作为
标记的前缀
因为看起来您想要使用colspan/rowspan,所以您应该寻求此处建议的解决方案:。因为您使用的是PrimeFaces,所以应该改用
。我真的不知道问题出在哪里,我开始删除所有的列和行,直到我有一行和两列,我仍然有同样的问题,我使用了一个面板网格,其中的列工作正常,并开始将每行复制到该部分并进行测试,当时我在第一个专栏中添加了一个专栏,并进行了测试,结果证明它们是有效的。我仍然看不出我的初始代码有什么问题,它实际上是一样的。您正在混淆常规jsf组件和primefaces组件。在您的示例中,您使用的是
。如果你把它改成
它会工作的我知道,我以前就这样设置过,但我需要colspan,这就是为什么我要使用row和COLUMN,因为我已经有了一个面板网格,我想我只需要添加row和COLUMN,不管怎样,它得到了修复,谢谢
<h:panelGrid id="formOcurrencia" columns="4">
<h:outputLabel value="Número de catalogo:" for="numcatInput" />
<p:inputText id="numcatInput"
value="#{ocurrenciaDM.ocurrencia.catalogNumbOcurrencia}" />
<!-- and all the other components... -->
</h:panelGrid>