在Liferay中创建进度条

Question

我希望在Liferay中创建一个进度条,希望在动态列表显示插件中,但不一定.然而,进度条的数据将来自列表.有什么建议？

Answer 1

您可以使用 Liferay 6.2 中的 AlloyUI 轻松完成此操作。你需要一个进度条的占位符 - 像这样：

<div id="myProgressBar" style="width:100%;height:20px;"></div>

然后你可以使用 javascript 创建它，如下所示：

<aui:script use="aui-base,aui-progressbar">
var progressBar = new A.ProgressBar({
        boundingBox: '#myProgressBar',
        label: '<%=percentage%>%',
        orientation: 'horizontal',
        value: '<%=percentage%>',
    }).render();
</aui:script>

您可以在此处阅读有关进度栏配置选项的更多信息： http://alloyui.com/api/classes/A.ProgressBar.html

这里有一些示例： http ://alloyui.com/versions/2.0.x/tutorials/progress-bar/