当前位置: 代码迷 >> Web前端 >> 在表格中出现鼠标一放到某列下就显示提示信息
  详细解决方案

在表格中出现鼠标一放到某列下就显示提示信息

热度:80   发布时间:2012-10-19 16:53:37.0
在表格中出现鼠标一放到某列上就显示提示信息

首先介绍一下renderer:

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

}??
?? 1.value是当前单元格的值
?? 2.cellmeta里保存的是cellId单元格id。
?? 3.record是这行的所有数据,你想要什么,record.data["id"]这样就获得了。
?? 4.rowIndex是行号,不是从头往下数的意思,而是计算了分页以后的结果。
?? 5.columnIndex列号太简单了。
?? 6.store,实际上这个是你构造表格时候传递的ds,也就是说表格里所有的数据,你都可以随便调用。

?

然后介绍一下怎么用:(例如需要在描述列中鼠标一放上去就显示描述信息)

var cm = new Ext.grid.Column([{
     header: "描述",
     dataIndex: 'description',
     width: 80,
     renderer: function(value,cellmeta,record,rowIndex,columnIndex,store){
      var name="";
      if(value.length > 20){
          for(int i=0;i<value.length;i=i+20){
             name = name+value.sunString(i,i+20)+'';
         }
      }else{
         name = value;
     }
     return '<font ext:qtip="'+name+'">'+value+'</font>;
},{

  .......
}

}]);

??

?

  相关解决方案