根据服务器的值更改表行的颜色

时间:2014-08-28 14:14:53

标签: javascript jquery jsp

我正在创建一个带有html表的JSP页面来显示员工目录。这是scriptlet:

      <%
            String selectedItem = "";
            List<Employee> list = new ArrayList<Employee>();

            PhoneListController controller = new PhoneListController();
             list = controller.getAllContacts();
            }
            for (Employee eachEmp : list) {

        %>


           <tr >
                <td><%=eachEmp.getLast()%></td>
                <td><%=eachEmp.getFirst()%></td>
                <td><%=eachEmp.getExt()%></td>
                <td><%=eachEmp.getLoc()%></td>
                <td><%=eachEmp.getCell()%></td>
                <td><%=eachEmp.getTeam1()%></td>
            </tr>

<% } %>

然后我显示每个员工对象的表行和列(PS:我知道scriptlet很糟糕且已经过时但这是我的第一个单独的项目。)

我想根据一个特定值(基于eachEmp.getManagerCode)的值更改某些行的背景颜色。

如何使用javascript实现这一目标?我尝试通过调用onload事件来调用js函数。但是因为我需要检查不是可能解决方案的每一行。我还没有尝试过jquery,因为我对jquery很新,我不太明白如何在jquery中做到这一点。

请帮忙。

由于

1 个答案:

答案 0 :(得分:0)

你可以简单地使用if语句

 <%
        String selectedItem = "";
        List<Employee> list = new ArrayList<Employee>();

        PhoneListController controller = new PhoneListController();
         list = controller.getAllContacts();
        }
        for (Employee eachEmp : list) {


          if (eachEmp.getManagerCode==1) {    %>
        <tr class="red">
       <% }   else   {   %>
       <tr class="blue">
       <%   }    %>

            <td><%=eachEmp.getLast()%></td>
            <td><%=eachEmp.getFirst()%></td>
            <td><%=eachEmp.getExt()%></td>
            <td><%=eachEmp.getLoc()%></td>
            <td><%=eachEmp.getCell()%></td>
            <td><%=eachEmp.getTeam1()%></td>
        </tr>

<% } %> 

或者如果你不想使用css类,你可以简单地写等等..

如果需要,可以输入多少,或使用switch语句