EasyUI-Datagrid行内编辑

      接上一篇，这次介绍easyUI的datagrid的行内编辑单元格的功能。

      关于行内编辑，我之前写过一个demo 《jQuery：页面可编辑表格》，但是easyui 中早已经封装了行内单元格编辑的功能，我们在调用时只需要使用人家封装好的方法就行。这里就使用封装好的方法。

实现思路：

      1.定义table 时写上监听单击事件的方法：onClickCell:onClickCell；

      2.将需要编辑的和设置编辑的触发响应：editor:'text'。其中text只是它的一种类型，也可以写combox或设置它的数据类型等。

     3.响应onclickcell和editor的方法，编写js文件（详细见代码）。

    @*引入的easyui的js和css*@








    



    
     
     @* 定义table  *@
     
      @*复杂表头的处理，合并单元格*@
		
           	
			

				
项目
				
合计
     			
女士
				
学历
                
年龄
				
自主创业
                
再就业人数
				
拥有专利人数
                
拥有执业资格人数
			
			
            

				
研究生
				
大学本科
				
大学专科
				
中专
				
高中及以下
                
35岁以下
				
36-40岁
				
41-45岁
				
46-50岁
				
51-54岁
				
55岁以上
			
			

				
甲
				
1
				
2
				
3
				
4
				
5
				
6
				
7
                
8
				
9
				
10
				
11
				
12
				
13
				
14
				
15
                
16
				
17
			
          
		
 
	



 @* 可编辑表格单机触发*@

    

效果：