Extjs 在Grid单元中格添加Tooltip提示

Grid 中的单元格添加Tooltip 的效果

Ext.QuickTips.init(); //必须要

columns: [
  { text: 'Name', dataIndex: 'name' },
  { text: 'Email', dataIndex: 'email', flex: 1 },
  { text: 'Phone', dataIndex: 'phone',
    renderer:function (value, metaData, record, rowIdx, colIdx, store){

      //需要进行两次编码

      value = Ext.String.htmlEncode(value);
      metaData.tdAttr = 'data-qtip="' + Ext.String.htmlEncode(value) + '"';

      return value;

    }

  }
]

posted @ 2019-03-27 14:30  ♞⚉♘  阅读(443)  评论(0编辑  收藏  举报