0

是否可以根据上面存在的内容动态定位链接或文本。

例如，我有一个页面如下：

仪表板.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>

样式.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>可能会根据所进行的数据库命中而有所不同。我需要相应地定位 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 和 link2 div 之间添加相对定位，您可以这样做。

使用上面的代码，链接二将低于您页面上的动态内容

于 2013-03-12T12:16:50.350 回答