list - 在 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/