Ext.grid.ColumnModel

在列映射的时候就要设定渲染方式

Js代码 复制代码  收藏代码
  1. var colModel = new Ext.grid.ColumnModel([   
  2.     { header: "$ Sales", width: 100, sortable: true, renderer: heihei}    
  3.  ]);  
var colModel = new Ext.grid.ColumnModel([
    { header: "$ Sales", width: 100, sortable: true, renderer: heihei} 
 ]);


渲染的函数写成如下:

Js代码 复制代码  收藏代码
  1. function heihei(value, meta, rec, rowIdx, colIdx, ds){   
  2.     return '<div ext:qtitle="" ext:qtip="' + value + '">'+ value +'</div>';   
  3. }  
function heihei(value, meta, rec, rowIdx, colIdx, ds){
    return '<div ext:qtitle="" ext:qtip="' + value + '">'+ value +'</div>';
}


顶部需要加入
Js代码 复制代码  收藏代码
  1. Ext.QuickTips.init();  
Ext.QuickTips.init();


qtitle代表tip的标题, qtip代表内容。这时鼠标划过就会出现提示!

你可能感兴趣的:(JavaScript,ext,div)