在获取数据之后 我们往往需要对特殊的数据 进行不同形式的渲染

此处给个简单的例子：

 
    
     
         
  1. var data=[ 
    2.  
         
  2.         {name:'java',blogNum:'4',id:'1'}, 
    3.  
         
  3.     {name:'java',blogNum:'4',id:'2'}, 
    4.  
         
  4.     {name:'java',blogNum:'4',id:'3'}, 
    5.  
         
  5.     {name:'java',blogNum:'4',id:'4'}, 
    6.  
         
  6.     {name:'java',blogNum:'4',id:'5'} 
    7.  
         
  7. ]; 
    8.  
         
  8. var store = new Ext.data.JsonStore({ 
    9.  
         
  9.     data:data, 
    10.  
         
  10.     fields:['name','blogNum','id'] 
    11.  
         
  11. }); 
    12.  
         
  12. //表格的列模型     
    13.  
         
  13. var cm=new Ext.grid.ColumnModel([ 
    14.  
         
  14.     {header:'类别名称', dataIndex:'name', sortable:true}, 
    15.  
         
  15.     {header:'博客数量', dataIndex:'blogNum',sortable:true}, 
    16.  
         
  16.     {header:'管理'} 
    17.  
         
  17. ]); 
    18.  
         
  18. //定义了列模型的第三列 设置了渲染 
    19.  
         
  19. cm.setRenderer(2,function(value,metadata,record,rowIndex,colIndex,store){ 
    20.  
         
  20.     return "<a href='"+record.data.id+"'>删除</a>"; 
    21.  
         
  21. }); 
    22.  
         
  22. var grid = new Ext.grid.GridPanel({ 
    23.  
         
  23.     region:'center', 
    24.  
         
  24.     style:'margin:20px 20px;', 
    25.  
         
  25.     viewConfig:{ 
    26.  
         
  26.         forceFit:true, 
    27.  
         
  27.         enableRowBody:true, 
    28.  
         
  28.                 showPreview:true 
    29.  
         
  29.     }, 
    30.  
         
  30.     autoHeight:true, 
    31.  
         
  31.     store:store, 
    32.  
         
  32.     cm:cm 
    33.  
         
  33. }); 
    34.  
         
  34.      
    35.  
        
 
    
对渲染函数的使用 可以查看api 做一下的说明：
 
    
 
    
     
         
  1. setRenderer( Number col, Function fn )  
    2.  
         
  2. 设置对某个列的渲染（格式化formatting）函数 Sets the renderin
    3.  
         
  3. g (formatting) function for a column. See Ext.util.Format for some default fo
    4.  
         
  4. rmatting functions.  
    5.  
        
 
    
同时对方法的参数 进行了说明