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

此处给个简单的例子：

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