Question

当我得到响应时，我在PanelGrid中遇到问题

输入不在标签下方。

PrimeFaces 6.0

<p:panelGrid columns="4" layout="grid" styleClass="ui-panelgrid-blank">
                <p:outputLabel value="Pessoa:"/>
                <p:outputLabel value="Login:"/>
                <p:outputLabel value="Senha:"/>
                <p:outputLabel value="Grupos:"/>

                <p:autoComplete id="inptNomeID" value="#{usuarioBean.usuario.pessoa}" completeMethod="#{usuarioBean.autoCompletePessoa}"
                    var="pessoa" itemLabel="#{pessoa.nome}" itemValue="#{pessoa}" converter="omnifaces.SelectItemsConverter" forceSelection="true"/>

                <p:inputText id="inptLoginID" value="#{usuarioBean.usuario.login}"/>

                <p:password id="inptSenhaID" value="#{usuarioBean.usuario.senha}"/>

                <p:selectCheckboxMenu id="inptGrupoID" value="#{usuarioBean.usuario.grupos}" label="Cities" multiple="true"
                                  filter="true" filterMatchMode="startsWith" panelStyle="width:250px">
                    <f:selectItems value="#{usuarioBean.listaGrupos}" />
                </p:selectCheckboxMenu>
</p:panelGrid>

见下面的图片

不响应 enter image description here

响应式错误

enter image description here

Answer 1

您需要将outputLabel放在它对应的元素之前。例如：

TOKEN="<your_own_token"

state=$(curl -s -H "Authorization: token $TOKEN" https://api.github.com/repos/ansible/ansible/pulls/$line|jq -r .state)

这可确保标签在移动响应视图中正确定位在相应输入的顶部。

有关更多详细信息，请查看本页底部的示例代码： PrimeFaces Responsive Documentation

PrimeFaces PanelGrid响应

1 个答案: