在Ext的GridPanel中添加鼠标悬停的效果

Ext的Grid每列可显示的字数不是很多，在为了布局漂亮而不改变每列宽度的前提下，我们可以给需要显示的列添加一个鼠标的悬停事件，添加一个QuickTips来显示详细的内容

其实就是给这一列加上renderer。函数中的value，就是我们获取到的值，所以我们只是添加了qtip，这样一来，grid里面显示的是不完全的结果，把鼠标放在上面之后就显示出了详细的内容！

{          id : 'myTag',          header : '标签',          align : 'center',          dataIndex : 'tag',          sortable: true,          renderer: function(value, metadata, record, rowIndex, columnIndex, store) {                  metadata.attr = 'ext:qtip="标签详细信息:<br/>' + value +'"';                  return value;                 }      } 

还需要加上这句话

Ext.QuickTips.init();