很简单的一个东西,直接贴代码!
import com.google.gwt.event.logical.shared.ResizeEvent;
import com.google.gwt.event.logical.shared.ResizeHandler;
import com.google.gwt.user.client.Timer;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.DecoratedPopupPanel;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.RootPanel;
/**
* 加载页面的进度条。。。
* @version 1.2 2009-07-31
*/
public class LoadPop {
private static final DecoratedPopupPanel simplePopup = new DecoratedPopupPanel();
private static final HTML showText = new HTML();
private static final String defTxt = "载入中";
private static final String INDENT = " "; // 加空格缩进
private static final String LOAD_SPLIT = ">>"; //
private static final HTML waterfall = new HTML();//遮罩层
private static int count = 1;
private static final Timer timer = new Timer(){
@Override
public void run() {
if((count++)>=10){
count = 1;
showText.setHTML(showText.getText().replaceAll(LOAD_SPLIT, ""));
}
showText.setHTML(showText.getText()+ LOAD_SPLIT);
}};
static {
simplePopup.setStyleName("LoadingShow");
simplePopup.setWidget(showText);
}
public static final void show(){
show(INDENT + defTxt);
}
public static final void show(String html){
initWaterfall();
showText.setHTML(INDENT + html);
simplePopup.show();
simplePopup.setPopupPosition(0, getScrollTop());
timer.scheduleRepeating(500);
}
public static final void hide(){
hide(INDENT + "加载成功");
};
public static final void hide(String html){
count = 1;
showText.setHTML(INDENT+ html);
simplePopup.hide();
waterfall.setVisible(false);
}
private static void initWaterfall(){
waterfall.setStyleName("PopupPanelEx_Backgroup_div");
waterfall.setVisible(true);
waterfall.setSize(getMaxWidth() + "px", getMaxHeight()+ "px");
Window.addResizeHandler(new ResizeHandler(){
@Override
public void onResize(ResizeEvent event) {
if(simplePopup.isVisible())
simplePopup.setPopupPosition(0, getScrollTop());
if(waterfall.isVisible())
waterfall.setSize(getMaxWidth() + "px", getMaxHeight()+ "px");
}});
RootPanel.get().add(waterfall);
}
public static native int getScrollTop() /*-{
// Standard mode || Quirks mode.
return $doc.documentElement.scrollTop || $doc.body.scrollTop;
}-*/;
public static native int getScrollWidth() /*-{
// Standard mode || Quirks mode.
return $doc.documentElement.scrollWidth || $doc.body.scrollWidth;
}-*/;
public static native int getScrollHeight() /*-{
// Standard mode || Quirks mode.
return $doc.documentElement.scrollHeight || $doc.body.scrollHeight;
}-*/;
public static native int getClientWidth() /*-{
// Standard mode || Quirks mode.
return $doc.documentElement.clientWidth || $doc.body.clientWidth;
}-*/;
public static native int getClientHeight() /*-{
// Standard mode || Quirks mode.
return $doc.documentElement.clientHeight || $doc.body.clientHeight;
}-*/;
public static int getMaxWidth() {
int scrollWidth = getScrollWidth();
int clientWidth = getClientWidth();
// 取宽度最大值
return scrollWidth > clientWidth ? scrollWidth : clientWidth;
}
public static int getMaxHeight() {
int scrollHeight = getScrollHeight();
int clientHeight = getClientHeight();
// 取高度最大值
return scrollHeight > clientHeight ? scrollHeight : clientHeight;
}
}
<style>
.LoadingShow{
/*background-color: #EEEEEE;*/
font-size: 12px;
font-weight: bold;
width: 100%;
z-index: 999;
}
.PopupPanelEx_Backgroup_div{
height: 100%;
width: 100%;
filter: alpha(opacity = 50);
-moz-opacity:0.5;
opacity:0.5;
background-color: #CCCCCC;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
</style>
分享到:
相关推荐
自己做的GWT 1.7的API文档 有需要的可以下载
NULL 博文链接:https://vb2005xu.iteye.com/blog/441828
完整代码,绝对能用:Spring和Hibernate部分实现了一个权限管理系统。GWT部分集成了Spring的Service(网上的例子很少,要不代码不全,要不不能使用,这个保证完全可以使用)。请注意各个配置文件,程序所用的包都在...
最新版本的GWT的原版英文参考手册,如果需要其他的版本,请在我的资料库中查找……
gwt-windows-1.7.1
gwt 实现的一个简单计算器 在eclipse下调试通过 方便开始学习gwt的人学习
gxt-2.2.4 EXT GWT Note : Ext GWT 2.X requires GWT 1.7+ or GWT 2.0+ (any build ending in "-gwt2.zip").
官方版本,亲测可用
一个简单的GWT示例,是有关于股票显示的,其中有个小小的BUG(不影响对GWT的使用,故意的),希望大家可以把它找出来并做修改!
官方版本,亲测可用
gwt 练习gwt 练习gwt 练习gwt 练习
NULL 博文链接:https://toeo.iteye.com/blog/464479
vue-gwt, 在使用GWT的Java中,Vue.js 组件/自定义元素 在https开发 Vue使用 JsInterop 和 Elemental2将 Vue.js 与 GWT集成。... 特性用英镑为代价的Vue.js 组件,带有的Java控制器模板表达式在编译时为类型检查
GWT快速开发(GWT) 是一个Java软件开发框架用于开发类似于Google Maps和Gmail的AJAX应用程序。GWT的设计参考Java AWT包设计,类命名规则、接口设计、事件监听等。你可以用Java编程语言开发你的界面,然后用GWT编译器将...
在这篇文件里,我将要讨论最基础的GWT,并且展示Java开发人员如何使用GWT来创建一个简单的AJAX应用以从一个远程API获取查询结果并且显示在浏览器上。 介绍Google Web Toolkit(GWT) Google Web Toolkit是一个由Java...
Gwt中文手册,GWt入门Gwt中文手册,GWt入门Gwt中文手册,GWt入门
GWT(Google Web Toolkit) 是 Google 最近推出的一个开发 Ajax 应用的框架,它支持用 Java 开发和调试 Ajax 应用,本文主要介绍如何利用 GWT 进行 Ajax 的开发。 GWT特性简介 1.动态,可重用的UI组件 GWT提供的...
GWT(Google Web Toolkit) 是 Google 最近推出的一个开发 Ajax 应用的框架,它支持用 Java 开发和调试 Ajax 应用,本文主要介绍如何利用 GWT 进行 Ajax 的开发。 Ajax技术是当前开发web应用的非常热门的技术,也是Web...
EXT-GWT2.0.1+API+DOC gwtdesigner Gwt-Ext基础-中级-进阶 GWT快速开发 GWT入门 GWT中文教程
fwefwefwGWT工具GWT工具GWT工具GWT工具GWT工具GWT工具