grid 可编辑单元格样式

江苏院-吴昊

grid展示数据时，如果有的单元格可以编辑，需要点击才能激活单元格。

可以在cellrender事件里，改变单元格样式以提醒用户可以编辑。

1. .jspdi-grid-input{
   
2.     background-color: #fff;
   
3.     cursor:text;
   
4.     text-overflow : ellipsis;
   
5.     white-space: pre;
   
6.     overflow :hidden;
   
7.     border : 1px solid #3c8dbc;
   
8.     padding: 0 0 0 2px;
   
9. }
   
10. 
    
11. .jspdi-grid-select{
    
12.     background: #ffffff url(../../system/components/justep/common/css/img/chevron.png) no-repeat 100%;
    
13.     cursor:pointer;
    
14.     text-overflow : ellipsis;
    
15.     border : 1px solid #3c8dbc;
    
16.     margin:0 4px;
    
17.     padding: 0 0 0 2px;
    
18. }
    
19. 
    
20. 
    
21. Model.prototype.grid1CellRender = function(event){
    
22.         if(event.colName == 'project_state'){
    
23.             event.html = '<div class="jspdi-grid-select">'+event.html+'</div>';
    
24.         }
    
25.       
    
26.         if(event.colName == 'project_actual_start_time'){
    
27.             event.html = '<div class="jspdi-grid-input">'+event.html+'</div>';
    
28.         }
    
29.       
    
30.         if(event.colName == 'project_actual_end_time'){
    
31.             event.html = '<div class="jspdi-grid-input">'+event.html+'</div>';
    
32.         }
    
33.       
    
34.     };

复制代码