salesforce - VisualForce - 条件 html 标签

Question

我正在尝试对列表中的第一个元素应用不同的样式。

我目前正在尝试使用计数器来应用 li用class仅当 cnt==0但我不能包括 < > OutputText 中的括号标签。有什么办法可以避开括号或插入 class进入 <li>使用条件标记？

我知道这可以在事后使用 JavaScript 完成，但我宁愿避免它。

<apex:variable var="cnt" value="{!0}" /> 
<apex:repeat value="{!items}" var="item" >
    <!-- only render the class if it is the first element -->
    <apex:OutputText value="<li class="activeLI">" rendered="{!cnt==0}" />
    <apex:OutputText value="<li>" rendered="{!cnt!=0}" />        

        <img src="{!$Resource[item.Image__c]}" width="85" height="90"/>
    </li>
    <apex:variable var="cnt" value="{!cnt+1}"/>
</apex:repeat>  

Answer 1

Visualforce 是严格的，每个元素都必须有开始和结束标签或者必须是自闭的。编译时，Visualforce 会提示，因为它只会看到结束的“li”标签，而不是有条件的开始“li”标签，一种解决方案是将类名设为变量，如下所示:

<apex:variable var="cnt" value="{!0}" />
<apex:variable var="class" value=""/>
<apex:repeat value="{!items}" var="item" >
  <apex:variable var="class" value="activeLI" rendered="{!cnt==0}"/>
  <apex:variable var="class" value="" rendered="{!cnt!=0}"/>
    <li class="{!class}">
      ...
    </li>
  <apex:variable var="cnt" value="{!cnt+1}"/> 
</apex:repeat>