Question

我正在尝试动态创建一个菜单（包含我数据库中的一些数据），当我尝试使用gwt HTML复合或HTMLPanel添加新菜单项“li”时会出现问题，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>

Answer 1

您可以使用dete Document.get（）。createLIElement（）方法创建Li元素，然后将它们添加到ul元素中。当你调用RootPanel.get（＆＃34; YOURID＆＃34;）时，你得到了ul元素，因为你给它一个id，因此可以在DOM中找到它：

Codeexample：

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 );

Answer 2

使用构造函数创建HTMLPanel，您可以在其中设置标记：HTMLPanel("li", yourHTML);。这将使用li而不是标准div。

如何在没有DIV（GWT）的情况下添加HTML

2 个答案: