0

上記のコンテンツに基づいて、リンクまたはテキストを動的に配置することは可能ですか。

たとえば、次のようなページがあります。

Dashboard.xhtml

<div id="innerContainer">            
<p:dataTable id = "adminDataTbl" value="#{userAdminMB.userRoles}" var="userList" selectionMode="single" selection="#{userAdminMB.selectedUser}" rowKey="#{userList.ntId}" styleClasses="order-table,table" headerClass="order-table-header" rowClasses="order-table-odd-row,order-table-even-row" >                     
    <p:column styleClass="table-data">  
        #{userList.ntId}
    </p:column>
    <p:column styleClass="table-data">  
        #{userList.roleList}
    </p:column>                 
</p:dataTable>
</div>

<div id="userLink">
    <h:commandLink action="#{userAdminMB.addUser}">
            <h:outputText value="Add a User to the Admin Tool"/>
    </h:commandLink>
</div>

styles.css

#outerContainer{
    width: 100%;
    height: 500px; 
    top: 150px;
    border: 1px thin;
}

#innerContainer{
    width:100%;
    height:400px;
    text-align: right;
    margin-right: 9px;
    font-family: Arial;
    font-size: 16px;
    border: 1px thin;
}

#addUserLink{
    font-family: Arial;
    font-size: 16px;
    float: left;
    top: 550px;
    position: inherit;
}

.editUserLink-data{
    font-family: Arial;
    font-size: 16px;
    float: right;
    top: 175px;
}

のデータは、<p:dataTable>行われたDBヒットに基づいて異なる場合があります。それに応じてaddUserリンクを配置する必要があります。

助けてください。どんな助けでも大歓迎です。

4

1 に答える 1

1

私があなたを正しく理解しているなら、あなたがしたいことは次のとおりです。

 <div sytle="textalign: right" id="firstLink">Link1</div>

 <div id="dynamicContent">
     dynamic content here
 </div>

 <div id="link2">Link2</div>

dynamicContentとlink2divの間に相対位置を追加する場合は、これを行うことができます。

上記のコードを使用すると、リンク2はページの動的コンテンツの下に表示されます

于 2013-03-12T12:16:50.350 に答える