ext3.0中, 要实现将鼠标放在一个单元格的时候,会出现一个浮框,显示了这条记录中的某个字段的详细信息.

最新推荐文章于 2022-11-17 14:26:33 发布

原创最新推荐文章于 2022-11-17 14:26:33 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ext #header #function

Java 专栏收录该内容

6 篇文章

订阅专栏

在EXT3.0中，为实现当鼠标悬停在表格单元格上时，弹出浮框展示对应记录的详细字段信息，可以通过设置ColumnModel的renderer属性，结合Ext.util.Format.htmlEncode和metadata.attr实现。

ext3.0中,
要实现将鼠标放在一个单元格的时候,会出现一个浮框,显示了这条记录中的某个字段的详细信息.
// 设置表头信息
    this.cm = new Ext.grid.ColumnModel({
       columns:[{
           id: 'imPk',
              dataIndex: 'imPk',
              header:'序号',
//************添加以下内容即可***

              renderer: function(value, metadata, record, rowIndex, columnIndex, store) {
                metadata.attr = 'ext:qtip="课题简介:<br/>' + Ext.util.Format.htmlEncode(record.data.imIntroduction) +'"';
                return Ext.util.Format.htmlEncode(record.data.imPk);
              }

       },{
           id: 'imIssueName',
              dataIndex: 'imIssueName',
              header:'课题名称',
              width:250
       },{