PanelGrid 列类

Question

我在 h:panelGrid

的 columnClasses 标签中遇到问题

我有一个包含两列的面板网格：

<h:panelGrid columns="2" columnClasses="rp1,rp2">

    <h:message id="pass1Msg" for="pass1"/>
    <h:inputSecret id="pass1" value="#{accountBean.pass1}" required="true">
        <f:validateLength maximum="20" minimum="4"/>
        <f:ajax event="blur" render="passwordMsg"/>
    </h:inputSecret>
    <p:watermark for="pass1" value="Enter new password..."/>

    <h:message id="pass2Msg" for="pass2"/>
    <h:inputSecret id="pass2" value="#{accountBean.pass2}" required="true">
        <f:validateLength maximum="20" minimum="4"/>
        <f:ajax event="blur" render="passwordMsg"/>
    </h:inputSecret>
    <p:watermark for="pass2" value="confirm password..."/>

    <h:outputLabel value=""/>
    <h:commandButton id="resetBtn" action="#{accountBean.doReset}" value="Reset"/>
</h:panelGrid>

这里是 rp1,rp2 类:

.rp1 {
    width: 250px;
    text-align: right;
    padding-right: 50px;
    color: red;
    font-family: yekan;
    font-size: small;
}

.rp2 {
    width: 200px;
}

.rp2[type="text"]{
    text-align: right;
}

问题是 rp2[type="text"] 没有呈现。

但是 .rp1 和 .rp2 是有效的。

Answer 1

您可以使用 css class rp2[type="password"] 而不是 rp2[type="text"]。希望对你有帮助。

PanelGrid 列类

PanelGrid column classes

jsf

jsf-2

PanelGrid 列 类

PanelGrid column classes

jsf

jsf-2

PanelGrid 列类