2012-02-08 62 views
0

我真的很喜歡這個錨和mousetrackign和基本tooltps http://www.extjs.com/examples/explorer.html#tooltipsExtJS的提示問題

我該如何去增加ExtJS的工具提示/數據qtip下面的代碼渲染?

var listView = Ext.create('Ext.grid.Panel', { 
     store: mystore, 
     multiSelect: true, 
     viewConfig: { 
      emptyText: 'No images to display' 
     }, 
     //reserveScrollOffset: true, 
    renderTo: containerEl, 

     columns: [ 
{ 
      text: 'Class', 
      flex: 10, 
      dataIndex: 'ClassName', 
      renderer: function(value, metaData, record) { 
    return Ext.String.format('<a href="#" class="tooltip2">{0}<span>{0}</span></a>', value); 
     } 

    ]  
    }); 

回答

2

Ext.onReady()通話並在您添加渲染器添加Ext.QuickTips.init();

metaData.attr = 'ext:qtip="your tooltip here"'; 
+0

應該在哪裏Ext.onReady()去?對於渲染器si這樣的東西 - > renderer:function(value,metaData,record){ return Ext.String.format('{0}{0}',value); } – user244394 2012-02-08 20:26:15

+0

您只需在使用前調用QuickTips.init()。渲染器用於更改顯示數據的方式和方式。您可以返回值以使其顯示在列表中。 metaData參數用於添加類或id(metaData.css)或屬性,在這種情況下,ext:qtip,shich將允許鼠標懸停工具提示彈出窗口。您也可以將value參數添加到工具提示中,只需將字符串分開並在其中放置值即可。 – Corey 2012-02-08 21:15:58

+0

我知道我在回覆價值的陳述中有點模糊。您目前的退貨聲明沒問題。 – Corey 2012-02-08 21:25:26