0

メニューを動的に作成しようとしています (データベースのデータを使用)。新しいメニュー項目 "li" を gwt HTML コンポジットまたは HTMLPanel で追加しようとすると、li が div 要素内に追加されます。そして、それは私のスタイルを壊し、メニューを壊します.gwtでdivなしでhtmlを追加するにはどうすればよいですか??

<ul style="display: none;" id="agence-id" class="submenu">      
<div class="gwt-HTML">
<li>
<a id="P45O421">  
<i class="icon-double-angle-right">
</i>P45O421</a>
</li>
</div>
<div class="gwt-HTML">
<li>
<a id="c2">  
<i class="icon-double-angle-right">
</i>c2
</a>
</li>
</div>
<div class="gwt-HTML">
<li>
<a id="c3">   
<i class="icon-double-angle-right"></i>c3</a>
</li>
</div>
<div class="gwt-HTML">
<li>
<a id="c4">   
<i class="icon-double-angle-right">
</i>c4</a>
</li>
</div>

4

2 に答える 2

3

dete Document.get().createLIElement() メソッドを使用して Li 要素を作成し、それらを ul 要素に追加できます。RootPanel.get("YOURID"). を呼び出すと、ul 要素が取得されます。これは、id を指定したため、DOM で見つけることができるためです。

コード例:

import com.google.gwt.dom.client.Document;
import com.google.gwt.dom.client.LIElement;

...

HeadingElement liElement = Document.get().createLIElement();
liElement.setInnerText("This is a Li(l1) element!");
RootPanel.get("agence-id").getElement().appendChild(liElement );
于 2013-08-08T21:23:15.037 に答える
3

HTMLPanelタグを設定できるコンストラクターで を作成しますHTMLPanel("li", yourHTML);。これはli、標準の代わりにを使用しますdiv。

于 2013-08-09T08:03:49.627 に答える