jstl隔行显示不同的背景色与ajax隔行显示不同的颜色

一、jstl隔行显示不同的背景色

jstl隔行显示不同的背景色与ajax隔行显示不同的颜色_第1张图片

jstl:forEach隔行显示不同的颜色原理:

c:forEach标签的使用

    在JSP的开发中,迭代是经常要使用到的操作。例如,逐行的显示查询的结果等。

    JSTL所支持的迭代标签有两个,分别是c:forEach和c:forTokens。在这里介绍的是c:forEach标签。

简单点说,标签的作用就是迭代输出标签内部的内容。它既可以进行固定次数的迭代输出,也可以依据集合中对象的个数来决定迭代的次数。

c:forEach标签的语法定义如下所示。

          begin="expression" end="expression" step="expression">

 

标签具有以下一些属性:

var:迭代参数的名称。在迭代体中可以使用的变量的名称,用来表示每一个迭代变量。

items:要进行迭代的集合。对于它所支持的类型将在下面进行讲解。

varStatus:迭代变量的名称,用来表示迭代的状态,*** 可以访问到迭代自身的信息。***

begin:如果指定了items,那么迭代就从items[begin]开始进行迭代;如果没有指定items,那么就从begin开始迭代。它的类型为整数。

end:如果指定了items,那么就在items[end]结束迭代;如果没有指定items,那么就在end结束迭代。它的类型也为整数。

step:迭代的步长。

标签的items属性支持Java平台所提供的所有标准集合类型。此外,您可以使用该操作来迭代数组(包括基本类型数组)中的元素。它所支持的集合类型以及迭代的元素如下所示:

java.util.Collection:调用iterator()来获得的元素。

java.util.Map:通过java.util.Map.Entry所获得的实例。

java.util.Iterator:迭代器元素。

java.util.Enumeration:枚举元素。

Object实例数组:数组元素。

基本类型值数组:经过包装的数组元素。

用逗号定界的String:分割后的子字符串。

javax.servlet.jsp.jstl.sql.Result:SQL查询所获得的行。

不论是对整数还是对集合进行迭代,的varStatus属性所起的作用相同。和var属性一样,varStatus用于创建限定了作用域的变量(改变量只在当前标签体内起作用)。不过,由varStatus属性命名的变量并不存储当前索引值或当前元素,而是赋予javax.servlet.jsp.jstl.core.LoopTagStatus类的实例。该类包含了一系列的特性,它们描述了迭代的当前状态,如下这些属性的含义如下所示:

current:当前这次迭代的(集合中的)项。

index:当前这次迭代从0开始的迭代索引。

count:当前这次迭代从1开始的迭代计数。

first:用来表明当前这轮迭代是否为第一次迭代,该属性为boolean类型。

last:用来表明当前这轮迭代是否为最后一次迭代,该属性为boolean类型。

begin:begin属性的值。

end:end属性的值

step:step属性的值

jstl隔行显示不同颜色的实现代码:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>


      
    My JSP 'queryAll.jsp' starting page   
   
      
   
      
 
 


 

        
         
              
         
         
           
         
         
           
         
       

                
                   
                       
                       
                       
                     
                 
请假信息列表

           

           

                      
                          
                              
                              
                              
                              
                              
                              
                              
                          
                      
请假类型:
                                  
                              
审核批准:
                                  
                              

                                                                    
                              

                                  
                              

                  

                
                         
                                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                                    
                        
                      
                      
                          
                                      
                                

                                style="background-color:#F2F2F2;">

                                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                                    
                                                    
                                    
                                
                            
                        
                          
                          
                              

                          
                          
                          
                        
                    

                            ID
                        

                            开始日期
                        

                            开始时间
                        

                            结束日期
                        

                            结束时间
                        

                            申请人
                        

                            申请类型
                        

                            申请时间
                        

                            是否批准
                        

                            批准人
                        

                            请假事由
                        

                            审核批准
                        

                                        
                                    

                                        
                                    

                                        
                                    
                                    

                                        
                                    

                                        
                                    

                                        
                                            
                                                
                                            

                                            
                                                
                                            

                                        

                                        
                                    

                                        
                                            
                                                
                                            

                                            
                                                
                                            

                                            
                                                
                                            

                                        

                                        
                                    

                                        
                                    

                                        
                                            
                                                
                                            

                                            
                                                
                                            

                                            
                                                
                                            

                                        

                                    

                                        
                                            
                                                
                                            

                                            
                                                
                                            

                                        

                                        
                                    

                                        
                                    

                                                                                     οnclick="del()" />
                                        
                                            
                                                                                
                                            

                                            
                                                                                                     οnclick="edit()"  />
                                            

                                        
                    
                                                                                             οnclick="detail()"  />
                                    
没有符合条件记录,请重置查询条件!
    
                          
                            
                                                                     href="<%=request.getContextPath()%>/jstl/queryDutyApply.action?pageInfo.currentPage=1">首页
                                                                     href="<%=request.getContextPath()%>/jstl/queryDutyApply.action?pageInfo.currentPage=${currentPage-1}">上一页
                            

                            
                           首页  上一页
                     

                        

                        
                            
                                                                     href="<%=request.getContextPath()%>/jstl/queryDutyApply.action?pageInfo.currentPage=${currentPage+1}">下一页
                                                                     href="<%=request.getContextPath()%>/jstl/queryDutyApply.action?pageInfo.currentPage=${maxPage}">末页
                            

                            
                            下一页  末页
                     

                        
            
                        当前第[${currentPage}]页  总共[${maxPage}]页  
                          
                        

                

           
                 
                   
                   
                   
                 
              

           

   





jquery ajax隔行显示不同的颜色:

jstl隔行显示不同的背景色与ajax隔行显示不同的颜色_第2张图片

jquery ajax隔行显示实现代码:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>



 
 
 
 
 
 
 
      
      
      


      

      

        
         
              
         
         
           
                          
                          
                          
                          
                          
                          
                      
                  

                
                   
                       
                       
                       
                     
                 
请假信息列表

           

               

                  
                      
请假类型
                              
                          
审核批准
                              
                          

                                
                              
                          

                          

                  
                
                     
                        
                         
                         
                         
                         
                         
                         
                         
                         
                         
                         
                         
                     
               
ID开始日期开始时间结束日期结束时间请假类型申请时间是否批准请假事由地点审核批准管理

                
         
         
           
           
                 
                   
                   
                   
                 
              

           
         
       
   

   

      
 




你可能感兴趣的:(JavaWeb)