extjs4爲列添加quicktips

原文地址：

http://existdissolve.com/2011/07/adding-qtips-to-gridpanel-rows-in-extjs-4-0/

解釋一下：

在grid panel裏columns屬性下，爲需要顯示qtip的column對象加一個renderer屬性，它是一個函數，如下：

this.columns = [
{
  text: “Bookmark”,
  dataIndex: “title”,
  flex: 1,

  renderer: function(value,metaData,record,colIndex,store,view) {
      metaData.tdAttr = ‘data-qtip=”‘ + value + ‘”‘;
      return value;
  }

}]

作者提到，需要注意metaData這個參數，它的屬性tdAttr是新版本的Ext纔有的，對於舊版本的Ext，則是attr，還有就是data-qtip這裏也一樣，舊版本的Ext則是ext:qtip。

最後說明一下其中的value 就是要顯示qtip的字符串，可以自己定製，這個函數中有個叫record的參數，裏面有存放該行的記錄，詳情可用console.log(record)打印出來。