gxt 加载片段

发布于 2024-12-10 12:10:39 字数 1236 浏览 0 评论 0 原文

我在 gxt 应用程序上使用了该代码,以获得一个加载片段项目:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

    <link type="text/css" rel="stylesheet" href="gxt/css/gxt-all.css" />
    <link type="text/css" rel="stylesheet" href="MyApp.css">
    <title>MyApp</title>    
  </head>
  <body>
<style>
#loading {
position: absolute; left: 45%; top: 40%; padding: 2px;   
margin-left:-45px; z-index:20001; border:1px solid #ccc;
}
#loading .loading-indicator {
background:#eef;font:bold 13px tahoma,arial,helvetica;
padding:10px;margin:0;height:auto;color:#444; 
}
#loading .loading-indicator img {
margin-right:8px; float:left; vertical-align:top;
}
#loading-msg {font:normal 10px arial,tahoma,sans-serif;}
</style>
<div id="loading">
<div class="loading-indicator">
<img src="gxt/images/default/shared/large-loading.gif"/>
myCustomerContacts<br />
<span id="loading-msg">Loading application...</span>
</div>
</div>
    <script type="text/javascript" language="javascript" src="myapp/myapp.nocache.js"></script>
  </body>

</html>

为什么加载,为什么加载片段在应用程序加载时不停止?

i used that code on a gxt application, to have a loading fragment item:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

    <link type="text/css" rel="stylesheet" href="gxt/css/gxt-all.css" />
    <link type="text/css" rel="stylesheet" href="MyApp.css">
    <title>MyApp</title>    
  </head>
  <body>
<style>
#loading {
position: absolute; left: 45%; top: 40%; padding: 2px;   
margin-left:-45px; z-index:20001; border:1px solid #ccc;
}
#loading .loading-indicator {
background:#eef;font:bold 13px tahoma,arial,helvetica;
padding:10px;margin:0;height:auto;color:#444; 
}
#loading .loading-indicator img {
margin-right:8px; float:left; vertical-align:top;
}
#loading-msg {font:normal 10px arial,tahoma,sans-serif;}
</style>
<div id="loading">
<div class="loading-indicator">
<img src="gxt/images/default/shared/large-loading.gif"/>
myCustomerContacts<br />
<span id="loading-msg">Loading application...</span>
</div>
</div>
    <script type="text/javascript" language="javascript" src="myapp/myapp.nocache.js"></script>
  </body>

</html>

why the loading, why doesn't the Loading fragment stop when the application loaded?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

不寐倦长更 2024-12-17 12:10:39

加载应用程序后,您需要从 DOM 中删除加载 div。

这可以这样完成:

 DOM.removeChild(RootPanel.getBodyElement(), DOM.getElementById("loading"));

以下是 GWT 团队的 David Chandler 对您正在尝试做的事情的一个很好的总结:http://turbomanage.wordpress.com/2009/10/13/how-to-create-a-splash-screen-while-gwt-loads/

After your application is loaded you need to remove the loading div from the DOM.

This can be done like this:

 DOM.removeChild(RootPanel.getBodyElement(), DOM.getElementById("loading"));

Here is a good sum up by David Chandler from the GWT Team on what your are trying to do: http://turbomanage.wordpress.com/2009/10/13/how-to-create-a-splash-screen-while-gwt-loads/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文