有没有可以用于GWT的进度条小部件,还是我必须自己做?我试图在google-web-toolkit-incubator,gwtupload和upload4gwt中使用进度条,没有任何运气。GWT进度条
Q
GWT进度条
3
A
回答
6
一些代码:
import com.google.gwt.i18n.client.NumberFormat;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.ui.Widget;
public class ProgressBar extends Widget {
private static final String PERCENT_PATTERN = "#,##0%";
private static final NumberFormat percentFormat = NumberFormat.getFormat(PERCENT_PATTERN);
private final Element progress;
private final Element percentageLabel;
private double percentage;
private final double max;
public ProgressBar(double value, double max) {
assert max != 0;
this.max = max;
progress = DOM.createElement("progress");
progress.setAttribute("max", Double.toString(max));
progress.setAttribute("value", Double.toString(value));
percentageLabel = DOM.createElement("span");
percentage = value/max;
percentageLabel.setInnerHTML(percentFormat.format(percentage));
progress.insertFirst(percentageLabel);
setElement(progress);
}
public void setProgress(double value) {
progress.setAttribute("value", Double.toString(value));
percentage = value/max;
percentageLabel.setInnerHTML(percentFormat.format(percentage));
}
}
2
我不知道您的要求,但HTML5支持进度条标签。下面是一个简单的例子:
下面是HTML:
<progress id="bar" value="0" max="100">
<span id="fallback">
<p>Your browser does not support progress tag.</p>
</span>
</progress>
和脚本,看看它是如何加载
<script>
window.onload = function() {
var bar = document.getElementById("bar"),
loaded = 0;
var load = function() {
loaded += 10;
bar.value = loaded;
if(loaded == 100) {
clearInterval(dummyLoad);
}
};
var dummyLoad = setInterval(function() {
load();
} ,1000);
}
</script>
其他信息:http://www.w3.org/wiki/HTML/Elements/progress 来源:http://www.onlywebpro.com/2011/09/09/html5-progress-bar/
1
这里有一个HTML5进度条例如:
在你ui.xml:
<progress ui:field="loadingProgress" style="width:100%" value="0" max="100"></progress>
在您的代码:
@UiField Element loadingProgress;
loadingProgress.setPropertyInt("value", 50);
+0
这是整合到我的ui.xml文件中的最简单的一个 – Stevko 2017-09-27 23:53:21
相关问题
- 1. GWT中的圆形进度条
- 2. 如何使用GWT实现进度条?
- 3. GWT:获取文件上传速度来显示进度条
- 4. 进度条未显示进度条
- 5. 设置进度,进度条
- 6. 减慢进度条进度
- 7. 进度条更新进度
- 8. 如何进度进度条
- 9. 进度条宽度
- 10. GWT代码拆分下载进度条 - 像gmail
- 11. GWT 2.1 - 创建进度条单元格及相关DataProviders选项
- 12. 进度条ncurses
- 13. Android .....进度条
- 14. css进度条
- 15. php进度条?
- 16. 进度条ICS
- 17. 进度条
- 18. jQuery进度条
- 19. PHP进度条
- 20. 进度条
- 21. LWUIT进度条
- 22. 进度条[C++]
- 23. 进度条setImageWithURLRequest
- 24. Primefaces进度条
- 25. C#进度条
- 26. CSS进度条
- 27. perforce进度条
- 28. JavaScript进度条
- 29. Asp.net进度条
- 30. 薄进度条
兄弟!请指导我如何称呼它。以及如何使用。 – Cataclysm 2013-06-10 10:40:56
谢谢!我换了旧的gwt-incubator ProgressBar,并与我的应用程序的文件上传(在服务器端使用Apache Commons FileUpload)一起工作。两项调整:(1)对于GWT 2.6.1,由于com.google.gwt.user.client.Element已过时导入com.google.gwt.dom.client.Element; (2)我添加了一个默认构造函数 - public ProgressBar(){this(0.0,100.0); } – Thad 2014-07-24 22:45:00