easyUI datagrid 跨行跨列操作

datagrid_test.js

 

[javascript]  view plain  copy

1. $(function(){  
2.         $('#dg').datagrid({  
3.             url:"http://localhost:8080/test/getTable.do",  
4.             width:400,   
5.             columns:[[      
6.                 {field:'date',title:'日期',rowspan:2,width:150,align:'center'},      
7.                 {title:'注册量',halign:'center',colspan:3,width:250},      
8.             ],[      
9.                 {field:'weixin',title:'微信',width:80,sortable:true,align:'center'},      
10.                 {field:'application',title:'APP',width:80,sortable:true,align:'center'},      
11.                 {field:'web',title:'网站',width:100,align:'center',sortable:true}    
12.             ]]      
13.         });  
14.     });  

controller

 

[java]  view plain  copy

1. @RequestMapping("/getTable.do")  
2.     @ResponseBody  
3.     public List<Map<String, Object>> getTable()  
4.     {  
5.         Map<String, Object> rstMap = new HashMap<String, Object>();  
6.                   
7.         for (int i=0;i<1;i++) {  
8.             Map<String, Object> v1 = new HashMap<String, Object>();  
9.             v1.put("date", new Date().getTime());  
10.             v1.put("weixin", 123);  
11.             v1.put("application", 123);  
12.             v1.put("web", 123);  
13.               
14.             rowList.add(v1);  
15.         }     
16.           
17.         return rowList;   
18.     }  

 

传递的数据格式

 
 [{"application":123,"weixin":123,"web":123,"date":1444878359901}]