list - Liferay でプログレス バーを作成する

Question

Liferay にプログレス バーを作成しようとしています。できれば Dynamic List Display プラグイン内に作成する必要がありますが、必ずしもそうとは限りません。ただし、進行状況バーのデータはリストから取得されます。助言がありますか？

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/