2013-12-17 31 views
0

鑑於此代碼段:禁用dojo/dijit工具欄圖標上的默認「工具提示」的最佳方法是什麼?

<div id="divDrawingToolbar" data-dojo-type="dijit/Toolbar"> 
    <button id="btnMyTestButton" data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'putYourIconCssHere',showLabel:false">point</button> 
     <span id="btnMyTestButton_tt" dojoType="dijit.Tooltip" connectId="btnMyTestButton">I only want this tooltip displayed. I want to disable the small yellow default 'point' tooltip below.</span> 
</div> 

我的自定義工具提示顯示細膩,但我想顯示的小黃默認的「點」提示(見下圖)。有時取決於自定義工具提示的大小/位置,默認工具提示甚至會部分隱藏它。如果我將showLabel:false更改爲showLabel:true,則會刪除工具提示,但我當然會在工具欄圖標旁邊顯示全文,這是我不想要的。如果我將showLabel設置爲false,但只是從按鈕()中刪除點文本,那麼我的點放置功能會在地圖上中斷。我確信這是一件簡單的事情,但我們對於道場而言很陌生,而且我目前沒有想法。任何幫助表示讚賞。 enter image description here


*更新* - 我發現了一個辦法賦予所期望的結果,似乎工作,但它是非常哈克。基本上,改變從「<按鈕>」代碼:

<button id="btnMyTestButton" data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'putYourIconCssHere',showLabel:false">point</button> 

<button id="btnMyTestButton" onmouseover="javascript:document.getElementById(this.id).title = '';" data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'putYourIconCssHere',showLabel:false">point</button> 

我想必須有完成這個...任何想法更「正確」的方式?

回答

0

您正在使用哪個版本的Dojo?您正在混合傳統和現代的Dojo語法。什麼樣的iconClass是'putYourIconCssHere'?你的代碼和你的問題似乎有點糊塗給我。

將鏈接添加道場iconClasses的完整列表:http://amagard.x10.mx/dojo_icon_classes.html(如果你不想定義自己的圖標CSS)

+0

感謝萊塔的答覆。我把這個'putYourIconCssHere'放在那裏。我們爲我們的工具欄使用了自定義的.css和圖像,所以我知道如果有人複製/粘貼代碼就會炸燬 - 原始圖標代碼如下所示:'data-dojo-props =「iconClass :'dijitDrawingIcon dijitDrawingIconPoint',showLabel:false'' – user3070890

+0

「混合傳統和現代」 - 是的,我擔心這可能是 - 簡而言之,我說我們對Dojo來說很新鮮......這可能是由於我們使用「sample」片段(可能來自差異文章)。至於我的具體問題......當我們設置「showLabel:true」時,我們看到帶有圖標的文本,當「showLabel:false」時,我們獲得了我們想要的外觀,但是黃色工具提示(「Point」)看起來自動彈出。我們的現代/傳統dojo代碼混合是否會導致這種行爲?我需要在代碼中更改哪些內容才能停止顯示「點」工具提示窗體?謝謝你的幫助! – user3070890

+0

我應該澄清一點,當我說我們使用我們自己的自定義.css /圖像時,我們實際上是從示例中獲得的「Dijit」繪圖圖標開始的,然後修改.PNG圖形以反映我們自己的自定義圖標。也忘了添加 - 感謝圖標類參考 - 非常方便! – user3070890

相關問題