用tip解決Ext列寬度不夠的問(wèn)題
更新時(shí)間:2008年12月13日 00:15:08 作者:
當(dāng)一個(gè)列用render渲染的時(shí)候,如果列寬度不夠,內(nèi)容多出的部分會(huì)被隱藏,無(wú)法顯示。這時(shí)需要一個(gè)鼠標(biāo)滑過(guò)提示全部?jī)?nèi)容的tip功能。
渲染的函數(shù)寫成如下:
function renderHallName(value, meta, rec, rowIdx, colIdx, ds){
return '<div ext:qtitle="" ext:qtip="' + value + '">'+ value +'</div>';
}
頂部需要加入Ext.QuickTips.init();
qtitle代表tip的標(biāo)題, qtip代表內(nèi)容。這時(shí)鼠標(biāo)劃過(guò)就會(huì)出現(xiàn)提示!
function renderHallName(value, meta, rec, rowIdx, colIdx, ds){
return '<div ext:qtitle="" ext:qtip="' + value + '">'+ value +'</div>';
}
頂部需要加入Ext.QuickTips.init();
qtitle代表tip的標(biāo)題, qtip代表內(nèi)容。這時(shí)鼠標(biāo)劃過(guò)就會(huì)出現(xiàn)提示!
相關(guān)文章
YUI 讀碼日記之 YAHOO.util.Dom - Part.1
DOM 操作是學(xué)習(xí) Javascript 很重點(diǎn)的一塊。YUI 提供了豐富的 DOM 操作接口,它們定義在 %BUILD%/dom/dom.js 中(封裝成 YAHOO.util.Dom)。由于 DOM 操作比較重要,我計(jì)劃將其分成幾個(gè) Part 分析。2008-03-03Ext.FormPanel 提交和 Ext.Ajax.request 異步提交函數(shù)的區(qū)別
Ext.FormPanel 提交和 Ext.Ajax.request 異步提交函數(shù)的區(qū)別小結(jié),需要的朋友可以參考下。2009-11-11Ext第一周 史上最強(qiáng)學(xué)習(xí)筆記---GridPanel(基礎(chǔ)篇)
我不想教各位新手什么高級(jí)技術(shù),因?yàn)槲乙苍谘芯?,只是想教大家一個(gè)思考的方向,能夠具有舉一反三的能力,能夠真正學(xué)會(huì)Ext和開(kāi)始深入了解。2008-12-12ext監(jiān)聽(tīng)事件方法[初級(jí)篇]
ext監(jiān)聽(tīng)事件實(shí)例代碼2008-04-04學(xué)習(xí)YUI.Ext 第四天--對(duì)話框Dialog的使用
學(xué)習(xí)YUI.Ext 第四天--對(duì)話框Dialog的使用...2007-03-03Ext javascript建立超鏈接,進(jìn)行事件處理的實(shí)現(xiàn)方法
如何在javasript建立超鏈接 應(yīng)用到Ext中的樹(shù)控件事件處理2009-03-03javascript YUI 讀碼日記之 YAHOO.util.Dom - Part.4
YAHOO.util.Dom 中的 getXY 函數(shù)讓開(kāi)發(fā)者充分體驗(yàn)到不同瀏覽器的 Hack 的樂(lè)趣。IE8 即將破殼而出,但愿下面的函數(shù)不會(huì)又多個(gè) if 判斷。getXY 函數(shù)使用 匿名函數(shù)執(zhí)行返回 函數(shù)(聽(tīng)起來(lái)有點(diǎn)拗口,可以參考 圓心 Blog 上的一篇文章)。2008-03-03