JQuery插件之-----Datatables(三)Datatables实现多选框与AJAX返回数据

通过Eclipse创建一个简单的Spring MVC项目,使用其内置的JSON转换

在index.jsp文件中添加如下内容:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>








	
    
    
    
    
    
    
    
    
    
    
    






	

		

		

		

	  	
id
	  	
部门名称
	  	
操作
	  
	  
	




 
    

        
 
            

                

                    
                        ×
                    
                    

                        提示信息
                    
                
                

                    
您确定要删除当前信息吗？
                
                

                
                    
                        确认
                    
                
            

        
    





    

        

            

                

                    
                        ×
                    
                    

                        提示信息
                    
                
                

                    
您确定要删除选中信息吗？
                
                

                
                    
                        确认
                    
                
            

        
    






                

                    

                        

                            
                                ×
                            
                            

                                新 增
                            
                        
                        

                            

                            <%-- 
                                

                                    图 片：
                                    

                                        
                                    
                                    

                                        
                                    
                                    
                                
                                --%>
                                

                                    部门名称： 

                                    

                                        

                                    
                                


                                

                                    备注： 

                                    

                                        
                                    
                                
                   
                         
                                

                                    状态：
                                    

                                        

                                            
                                                
                                                有效
                                            
                                        
                                        

                                            
                                                
                                                无效
                                            
                                        
                                    
                                
                            
                            

                                关闭
                                
                                提交
                                
                            
                        
                    

                
            

创建控制类TestController.java和实体类Ceshi.java:

TestController.java

@RequestMapping("/datatables")
@Controller
public class TestController {
	
	
	@RequestMapping(value="/listceshi")
	@ResponseBody
	public Map  listjsonceshi(){
		 Map map = new HashMap();
		int count=20;
		List list=new ArrayList();
		for (int i = 0; i < 20; i++) {
			Ceshi ceshi=new Ceshi();
			ceshi.setId(i);
			ceshi.setUsername("小"+i);
			list.add(ceshi);
		}
		map.put("recordsTotal", count);
	    map.put("recordsFiltered", count);
	    map.put("aaData", list);
		return map;
	}
	
	
}

Ceshi.java

public class Ceshi {
	
	private int id;

 	private String username;

	public int getId() {
		return id;
	}

	public void setId(int id) {
		this.id = id;
	}

	public String getUsername() {
		return username;
	}

	public void setUsername(String username) {
		this.username = username;
	}

 	
 	
}

访问: http://localhost:8080/SpringMVC_datatables/index.jsp

效果为:

全选删除

单个删除

完整Demo下载：http://download.csdn.net/detail/u011781521/9672394