簡單的EXT之ToolTip[懸浮層信息顯示]

昨天寫程序遇到需要實現一個功能，既鼠標移上之後，會浮動一個DIV層，顯示信息，經高人指點，發現EXT中有一個tooltip可以實現。

如下圖：

 

實現原理很簡單：

 html代碼：

  <div id="bottomCallout" class="tip-target" style="width: 200px;">Anchor below</div>

JS代碼：

new Ext.ToolTip({ target: 'bottomCallout', anchor: 'top', anchorOffset: 85, html: 'This tip/'s anchor is centered' }); 

anchor屬性爲定義懸浮屋的位置，有'top','left','right'.

target:發生爲定義指向的頁面標籤的ID，頁面標籤可以是各種HTML標籤。

html: 裏面爲懸浮層位置。也可以使用 contentEl:'XXDIV',來指向一個DIV。

簡單介紹下面兩個方法：

 tips.showBy(id)-----在需要多個實現時，可以定義一個tooltip,然後根據此方法指向不同的頁面位置（標籤）。

 tips.update('xxxx')------更新此tips的內容。

[此tips在對button時會失效，具體原因，是因爲在button源碼中沒有anchor這個屬性，解決方法還沒有找到。]