- 基本的にdojodidjitウィジェットの単なる拡張であるOneUIを使用しています。
ウィジェットをウィジェット内に配置する必要があります。data-dojo-type="dojo.store.Memory"でdivを使用しています。次に、data-dojo-propsを使用してこれのさまざまな要素を設定しています。たとえば、data-dojo-props内にいくつかのスパンとリンクを設定しています。これらは動作し、正常に表示されます。私は今、それ自体がウィジェットであるdivを追加しようとしています。そこで、divを追加し、このdiv内でdata-dojo-typeをHoverHelpToolTipとして設定し、onmouseoverやいくつかのdata-dojo-propsなどの他の要素を設定しています。
基本的に何が起こるかというと、ホバーヘルプツールチップがマウスオーバーでポップアップするはずですが、まったく機能していません。
したがって、ここでの私の質問は、あるウィジェットを別のウィジェット内に正しくネストするにはどうすればよいかということだと思います。
ありがとう
サンプルコード
私はそれを次のように宣言しています...
<div data-dojo-id="store1819454249457680384" data-dojo-type="dojo.store.Memory" id="store1819454249457680384" data-dojo-props="data:[{"Name":"<!--o3nv--> ","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>
HoverHelpTipが表示されないことを除けば、正しく機能する次のHTMLが生成されます。マウスオーバーが発砲しています。ウィジェットのようなそのalsmotは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"> </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"> </span></a>