Ext renderer参数详解

2019独角兽企业重金招聘Python工程师标准>>>

1、renderer参数介绍

renderer: function (value, cellmeta, record, rowIndex, columnIndex, store)

--> 
value是单元格的值

cellmeta单元格的配置：cellmeta.cellId、cellmeta.id、cellmeta.css

record是单元格对应行的record

rowIndex是单元格的行数

columnIndex是单元格的列数

store是表格对应的Ext.data.Store

2、renderer常用写法

//列表 跳转 查看页面

function hrefRender(value, cellmeta, record, rowIndex, columnIndex, store){
   var uuid = record.get("uuid");
     return '<a href="'+contextPath+'/messageCenterManagerAction.do?method=getObj&view=view&uuid='+uuid+'">'+value+'</a>';
  }

 

//建立时间
 function dateRender(value, cellmeta, record, rowIndex, columnIndex, store){
     if(value && 'NaN' != value){
      return value.substring(0,10);
     }else{
      return '';
     }
  }
 //日期处理
 function dateRender(value, cellmeta, record, rowIndex, columnIndex, store){
      try{
         var a = value.substring(0,10);
         return Date.parseDate(a,"Y-m-d").format('Y-m-d');
        }
        catch(e){
         return '';
        }
  } 

 

//日期处理
 function dateRender(value, cellmeta, record, rowIndex, columnIndex, store){
     try{
         var a = value.substring(0,10);
         return Date.parseDate(a,"Y-m-d").format('Y年m月d日');
        }
        catch(e){
         return '';
        }
 }

 

{header: "程度", width: 60, dataIndex: 'urgentName',sortable: false},
  store.on('load',function (store,records,options){
   for(var i=0;i<records.length;i++){
     var record= store.getAt(i);
     aacc(record);
   }
  });
  
    function aacc(re){
    if(re.data['urgentId']!=''){
      Ext.Ajax.request({
      url:contextPath+'/sendUpdate.do?method=ajxUrgentName&uuid='+re.data['urgentId'],
      method:'POST',
      callback:function(options,success,response){
       var data = response.responseXML;
       var urgentName='';
        if($(data).text()!=''){
         urgentName = $(data).find("urgentName").text();
        re.set('urgentName',urgentName);
        }
      }
     }
    );
    }
  }

转载于:https://my.oschina.net/softwarechina/blog/161195