extjs --gridPanel 加载tooptip

 

对单元格加载 提示：

 

 

  在 Ext.grid.ColumnModel 的"renderer"添加以下方法：

function (data, metadata, record, rowIndex, columnIndex, store) { 
      metadata.attr = 'ext:qtitle ="test"' + ' ext:qtip ="test1"'; 
     return data;       
 }

主要是添加 ext:qtitle 和 ext:qtip 两个属性 就可以了

 

 

也可以用模板的形式去写提示框，只是把模板转换成字符串而已

var qtipTpl = new Ext.XTemplate(    
     '< h3>名称:< /h3>', 
     '< div>< i>{name}:< /i>< /div>'
 );

var qtip=qtipTpl.apply(record.name);

metadata.attr = 'ext:qtitle ="test"' + ' ext:qtip ="'+qtip+'"';