利用gwt中Uibunder实现界面隐藏

最新推荐文章于 2025-04-01 15:02:58 发布

转载最新推荐文章于 2025-04-01 15:02:58 发布 · 997 阅读

文章标签：

#gwt #文档 #header #html #2010

Android 专栏收录该内容

36 篇文章

订阅专栏

本文介绍了如何使用Google Web Toolkit (GWT) 中的DisclosurePanel组件来实现网页元素的隐藏与显示功能，并纠正了官方文档中的错误示例。

利用gwt中Uibunder实现界面隐藏

By 王军, 2010年01月27日 2:58 下午

利用gwt中的DisclosurePanel可以实现界面的隐藏和显示，其效果如：

但是其文档中的例子是错误的：http://google-web-toolkit.googlecode.com/svn/javadoc/2.0/index.html?overview-tree.html

文档例子利用UIbunder实现，其标签是：

<g:DisclosurePanel>
   <g:header><b>Text header</b></gwt:caption>
   <g:Label>Widget body</g:Label>
 </g:DisclosurePanel>

 <g:DisclosurePanel>
   <g:customeHeader>
     <g:Label>Widget header</g:Label>
   </g:customeHeader>
   <g:Label>Widget body</g:Label>
 </g:DisclosurePanel>

正确的写法是：

 <g:DisclosurePanel>
   <g:header>Text header</gwt:caption>
   <g:Label>Widget body</g:Label>
 </g:DisclosurePanel>
<g:DisclosurePanel>
   <g:customHeader>
     <g:Label>Widget header</g:Label>
   </g:customHeader>
   <g:Label>Widget body</g:Label>
 </g:DisclosurePanel>

其中header标签中不能加html标签，g:customHeader标签拼写错误。

参考文档：

http://code.google.com/p/google-web-toolkit/issues/detail?id=4329&q=i18n