[英]Vaadin : CustomLayout don't generate <div> content
我正在使用Vaadin7。當我嘗試將html內容添加到CustomLayout時,它不會在div元素內生成段落。 這是輸入:
<div style="margin-top: 10px; padding-left: 50px;" class="col-lg-10">
<div class="bs-component">
<ul class="nav nav-pills">
<li class="active"><a href="#Myprofile" class="active"
data-toggle="tab">Profile</a></li>
<li class=""><a href="#setting" data-toggle="tab">setting</a></li>
<li class=""><a href="#tasks" data-toggle="tab">Tasks</a></li>
</ul>
<div class="tabbable">
<div class="tab-content">
<div id="Myprofile" location="Myprofile" class="tab-pane active"></div>
<div id="setting" location="setting" class="tab-pane">
<p>My paragraph</p>
</div>
</div>
</div>
</div>
在Java中,我使用以下代碼:
String html; //This var contain my input
InputStream is = new ByteArrayInputStream(html.getBytes());
CustomLayout custom = null;
try {
custom = new CustomLayout(is);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
最后,我將customLayout添加到我的mainLayout中。 當我運行應用程序時,我得到以下輸出:
<div style="margin-top: 10px; padding-left: 50px;" class="col-lg-10">
<div class="bs-component">
<ul class="nav nav-pills">
<li class="active"><a href="#Myprofile" class="active"
data-toggle="tab">Profile</a></li>
<li class=""><a href="#setting" data-toggle="tab">setting</a></li>
<li class=""><a href="#tasks" data-toggle="tab">Tasks</a></li>
</ul>
<div class="tabbable">
<div class="tab-content">
<div id="Myprofile" location="Myprofile" class="tab-pane active"></div>
<div id="setting" location="setting" class="tab-pane">
</div>
</div>
</div>
</div>
我在div中id = setting的段落不是由Vaadin生成的。 有解決這個問題的想法嗎?
我找到了問題的根源。 我刪除了div元素中的location =“ setting”部分,它開始工作了。 我不知道為什么要這么做。 可能是因為CustomLayout生成html時會尋找放置在位置中的元素,如果找不到,則會清除所有元素內容。
您不需要location =“ setting”屬性嗎? 您沒有為該屬性插入組件嗎?
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.