よろずや -別館-

ひがな一日ぼぉっと過ごす中で、思ったことや感じたことを徒然なるままに書き綴ります。
サッカー中心の本館もよろしく。

[dojo] FloatingPane のタイトルを動的に書き換え

2007-03-08 18:41:07 | IT技術

今日は、dojo の FlotingPane のタイトル文字列の動的な置き換えについて、少し。

 

FloatingPaneのWidgetは、

src/widget/templates/FloatingPane.html

に従って表示されます。dojoでは、この画面部品の中で属性として定義している

dojoAttachPoint

に設定されている名称で、DOMのElementをハンドリング可能になっています。つまり、FloatingPaneに限らず、dojo の部品は dojoAttachPoint の名称を利用してElementのハンドリングが可能です。

なので、FloatingPaneのタイトルとして設定されている titleBarText の Node の中身を置き換えてあげれば書き換え可能です。

直接置き換えも可能だと思いますが、FloatingPaneごとにユニークなIDを振って、個別に置き換えるには、下記のようにユニークなIDを振った<span>を置き換えるのが良いかと。

 

var widget = dojo.widget.byId( FloatingPaneのID );

widget.titleBarText.innerHTML = "<span id='hoge'></span>";

としておけば、

document.getElementById('hoge').innerHTML = "書き換えたい文字列";

で置き換え可能です。

 



最新の画像もっと見る