Question

我的页脚行有一个问题，我需要在primefaces中显示。在UI中，网格和页脚行之间有一个额外的空间，这有点烦人。有什么问题吗？任何建议都是最受欢迎的。请找到我的以下代码。

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    >
<h:head>
</h:head>
<body style="height: 90%">
<ui:composition template="template/common/commonPrimefacesLayout.xhtml">
    <ui:define name="content">
    <h:form id="searchFormForResult" prependId="false">
        <h:inputHidden id="rowId" value="#{MBean.selectedRowId}"></h:inputHidden>   

        <p:accordionPanel style="align:top;margin" prependId="false">
            <p:tab title="Search Items">
                <p:panelGrid columns="2" cellpadding="5">
                <p:outputLabel for="expenseDesc" value=" Description: " />
                    <p:selectOneMenu id="expenseDesc" widgetVar="expenseDesc" value="#{searchMBean.searchCriteria.shortDesc}" style="width:150px" editable="true" filter="true" filterMatchMode="startsWith">
                    <f:selectItem itemLabel="All" itemValue="All" noSelectionOption="false"/>
                    <f:selectItems value="#{searchMBean.shortDescriptionList}" />
                    </p:selectOneMenu>
                </p:panelGrid>
            <p:commandButton id="Reset" actionListener="#{searchMBean.resetForm}" value="Reset" ajax="false" style="float:right;" onclick="resetSearchForm()"></p:commandButton>
            <p:commandButton id="Submit" action="#{searchMBean.search}" value="Submit" ajax="false" style="float:right;"></p:commandButton>

            </p:tab>
        </p:accordionPanel> 
<p:panel> 
<h:outputLabel value="Search Results" style="font-weight: bold;"></h:outputLabel>

<p:dataTable id="SearchResult" var="SearchResult" value="#{searchMBean.searchResult}" selection="#{MBean.itemsSearchResult}" rowKey="#{searchResult.id}" scrollable="true" rowSelectMode="multiple" scrollHeight="65%">
<p:column selectionMode="multiple" style="width:5%;"/>
<p:column>
    <f:facet name="header">
        <h:outputText value="Contact Name" />
    </f:facet>

    <h:outputText value="#{mBean.name}" />

    <f:facet name="footer">
        <h:outputText value="#{mBean.name}" />
    </f:facet> 
</p:column>

<p:column>
    <f:facet name="header">
        <h:outputText value="Contact Address" />
    </f:facet>

    <h:outputText value="#{mBean.addr}" />

    <f:facet name="footer">
        <h:outputText value="#{mBean.name}" />
    </f:facet>
</p:column>
<p:column>
<f:facet name="header">
<h:outputText value="Actions" />
</f:facet>
<p:commandButton action="#{MBean.display}" icon="ui-icon ui-icon-search" title="ViewButton" oncomplete="disableFields('singleRowView');">
<f:param name="itemId" value="#{searchResult.id}"></f:param>
</p:commandButton>
<p:commandButton action="#{MBean.display}" icon="ui-icon ui-icon-pencil" title="UpdateButton" oncomplete="disableFields('singleRowView');">
<f:param name="itemId" value="#{Result.id}"></f:param>
</p:commandButton>
<p:commandButton id="delete" 
                 icon="ui-icon ui-icon-trash" 
                 action="#{MBean.ItemRow}" 
                onclick="setSelectedRowId('rowId',#{result.id})"
                 title="GDeleteButton">
                <p:confirm header="Delete Record" 
               message="Are you sure about deleting this record?" 
               icon="ui-icon-alert"/>
</p:commandButton>

<p:confirmDialog global="true" showEffect="fade">
    <p:commandButton title="GDelYesButton" value="Yes" styleClass="ui-confirmdialog-yes"/>
    <p:commandButton title="GDelNoButton" value="No"  onclick="PF('confirmation').hide()" styleClass="ui-confirmdialog-no" />
</p:confirmDialog>


</p:column>

</p:dataTable>
<p:panelGrid id="groupActions"  columns="5">
<p:commandButton action="#{MBean.viewItems}" icon="ui-icon ui-icon-search" value="View" title="GViewButton" oncomplete="disableFields('groupView');">
</p:commandButton>
<p:commandButton action="#{MBean.viewItems}" icon="ui-icon ui-icon-pencil" value="Update" title="GUpdateButton" oncomplete="disableFields('groupView');">
</p:commandButton>
<p:button outcome="createItem" value="Add New" title="AddNewButton"/>

<p:commandButton id="delete" action="#{MBean.delete}" icon="ui-icon ui-icon-trash" value="Delete" title="Delete"     >
                            <p:confirm header="Delete Record"   message="Are you sure about deleting this record?"   icon="ui-icon-alert"/>
                        </p:commandButton>


<p:commandButton actionListener="#{searchMBean.resetForm}" value="Cancel" title="Cancel" ajax="false"></p:commandButton>
</p:panelGrid>
                        <p:confirmDialog global="true" showEffect="fade">
                            <p:commandButton title="Yes" value="Yes"  styleClass="ui-confirmdialog-yes"   />
                            <p:commandButton title="No"  value="No"   styleClass="ui-confirmdialog-no"   onclick="PF('groupDeleteConfirm').hide()"   />
                        </p:confirmDialog>
</p:panel>




</h:form>

</ui:define>
</ui:composition>
</body>
</html>

另请查看行为的图像。网格和页脚之间的额外空间。请帮忙。 enter image description here

p：dataTable正文和页脚之间不需要的空间，如何删除它？

0 个答案: