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

最新推荐文章于 2024-12-09 13:22:57 发布

原创最新推荐文章于 2024-12-09 13:22:57 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

ExtJS 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了ExtJS中Grid的renderer函数使用方法，包括参数解释及如何实现单元格内容的自定义展示。通过实例展示了如何在描述列中使用tooltip显示完整信息。

首先介绍一下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>;
},{

  .......
}

}]);