2012-12-04 142 views
0
  • 我使用的是基本上只是dojo didjit小部件的擴展的OneUI。

我需要在小部件內部放置小部件。 我正在使用一個div與data-dojo-type =「dojo.store.Memory」。 然後我使用data-dojo-props設置了這個元素。 因此,舉例來說,我在data-dojo-props中設置了一些跨度和鏈接。 這些工作和顯示正常。 我現在試圖添加一個div,它本身就是一個小部件。所以我已經添加了div,並且在這個div中,我將data-dojo類型設置爲HoverHelpToolTip並設置了一些其他元素,如onmouseover和一些數據dojo-props。Dojo Dijit - 小部件內的小部件

本質上,應該發生的是懸停幫助工具提示應該在鼠標上彈出 - 但它根本不起作用。

所以我想我的問題在這裏是如何正確地嵌套在另一個小部件?

感謝

示例代碼

我聲明它,如下所示...

<div data-dojo-id="store1819454249457680384" data-dojo-type="dojo.store.Memory"  id="store1819454249457680384" data-dojo-props="data:[{"Name":"<!--o3nv-->&nbsp;","id":1,"gender":"Female","ActionColumn":"<span class=\"actions\" ><a href=\"...\" onclick=\"...\" title=\"Click here to edit this item\" >Edit<\/a><span class=\"linksDivider\" > | <\/span><a href=\"#\" onclick=\"...\" title=\"Click here to delete this item\" >Delete<\/a><\/span>","Person.firstName":"werrwewre", 

<!-- This is the start of the code in question --> 

"HelpColumn":"<div class=\"hiddenHelpDialog\" data-dojo- props=\"forceFocus:true,connectId:['helpAnchor_rowHelp10309939']\" data-dojo- type=\"idx\/oneui\/HoverHelpTooltip\" id=\"rowHelp10309939\" style=\"text-align: left; position:relative; display:none\" widgetid=\"rowHelp10309939\" ><div class=\"helpDivDialog\" ><p class=\"helpFieldHeadingDialog\" >\u00a0<\/p><p class=\"helpDescriptionTextDialog\" >BLAH BLAH BLAH BLAH<\/p><\/div><\/div><a class=\"openHelpLink openHelpLinkDisplayField\" id=\"helpAnchor_rowHelp10309939\" onmouseover=\"idx.oneui.HoverHelpTooltip.defaultPosition=['above']\" ><\/a>"}]" ><!-- comment--></div> 

它產生下面的HTML從HoverHelpTip沒有出現除了正常工作。 onmouseover正在發射。它的模塊像小部件沒有在dojo註冊?!?!

<div widgetid="rowHelp1248193624" style="text-align: left; position:relative; display:none" id="rowHelp1248193624" data-dojo-type="idx/oneui/HoverHelpTooltip" data-dojo-props="forceFocus:true,connectId:'helpAnchor_rowHelp1248193624'" class="hiddenHelpDialog">  <div class="helpDivDialog"> 
<p class="helpFieldHeadingDialog">&nbsp;</p> 
<p class="helpDescriptionTextDialog">BLAH BLAH BLAH BLAH</p></div></div> 
<a class="openHelpLink openHelpLinkDisplayField" id="helpAnchor_rowHelp1248193624" onmouseover="idx.oneui.HoverHelpTooltip.defaultPosition=['above'];"> 
<span class="hidden">&nbsp;</span></a> 
+0

你可以提供一些代碼([[小提琴](http://www.jsfiddle.net)會很棒),這說明了這個問題?此外,在我看來,你已經做了一切聲明,這似乎不是在這裏,我想這是理想的方法... – nozzleman

+0

HoverHelpTooltip聲明顯示風格:無,onmouseover更改defaultPosition。也許你應該將顯示設置爲阻止或內聯。 – Mike

回答

0

當dojo準備就緒時,我通過調用DOM節點上的parser.instantiate(node)來解決此問題。 我不知道爲什麼,但由於某種原因,小部件未被拾取/解析。

我檢查dijit.registry,並沒有提及它,並且使用dijit.byid的查找返回undefined。 但明確實例化該節點。 任何人都知道爲什麼?