renderer 简单使用

1.       },{  
2.         header:'对象' ,  
3.         dataIndex:'node' ,  
4.         renderer:function (value,meta,record){  
5.           var  nodeType = Ext.util.Format.uppercase(record.get( 'nodeType' ));  
6.           if ([ 'BSC' , 'MSC' , 'MGW' , 'GGSN' , 'SGSN' ].indexOf(nodeType)!=-1){  
7.             meta.css = 'netcell' ;  
8.             meta.attr = String.format(' netcell="{0}" netcellType="{1}" ' ,record.get( 'node' ),nodeType);  
9.           }  
10.           return  value;  
11.         }, 
    

 renderer:Ext.util.Format.dateRenderer('y-m-d H:i:s' ),

1.       },{  
2.         header:'操作' ,  
3.         dataIndex:'node' ,  
4.         renderer:function (value,meta,record){  
5.           var  resultStr =  "<div class='controlBtn'& gt;<a href='javascript:void(0);' class='alarm_detail'>详细</a& gt; | <a href='javascript:void(0);' class='alarm_check'>签阅</a& gt; | <a href='javascript:void(0);'  class='alarm_delete'>删除< /a></div>" ;  
6.           return  resultStr;  
7.         },  
8.         css:"text-align:center;" ,  
9.         width:30,  
10.         sortable:false   
11.       } 
    

 

1. var  grid =  new  Ext.grid.GridPanel({  
2.       //title:'::网元告警&关注事件(近24小时)::',   
3.       region:'center' ,  
4.       store:store,  
5.       enableColumnMove: true ,  
6.       enableHdMenu: true ,  
7.       autoScroll: true ,  
8.       cm:cm,  
9.       sm:sm,  
10.       columnLines:true ,  
11.       trackMouseOver:false ,  
12.       //minColumnWidth:11,   
13.       //loadMask:'载入中...',   
14.       viewConfig:{  
15.         forceFit : true ,  
16.         deferEmptyText: true ,  
17.         emptyText: "<div>业务运行正常</div>" ,  
18.         enableRowBody:true ,  
19.         getRowClass: function (record, rowIndex, rowParams, store){  
20.           if (record.get( 'alarmType' )==Elvis.NetCellAlarmMonitor.ALARM_TYPE_CALLLIMIT_EVENT){  
21.             return   'alarm_row_event' ;  
22.           }else {  
23.             return   'alarm_row_alarm' ;  
24.           }  
25.         }  
26.       }  
27.     });