進捗バーをLiferayで作成する

私はLiferayで進捗バーを作成したいと思っています。うまくいけば動的リスト表示プラグインの中にありますが、必ずしもそうではありません。進行状況バーのデータはリストから取得されます。提案がありますか？進捗バーをLiferayで作成する

2013-04-05 randomizertech

は、[ポートレットの追加プログレスバー]（http://www.liferay.com/community/wiki/-/wiki/Main/How+to+add+a+progress+bar+to+my+portlet）をクリックするか、独自の単純なスレッドのコンセプト、javascript、ajaxを持つプログレスバーの実装 –

@PrakashK素晴らしい！万が一、チュートリアルはありますか？私は、JSPファイルの最後にコードを追加する方法について話していることを知っていますが、どうすればいいですか？私はLiferayを初めて使っていて、JSPファイルがどこにあるのか分かりません。 – randomizertech

http://www.liferay.com/community/forums/-message_boards/message/24603710 これは、私のプロジェクト –

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/

出典

2015-08-27 17:10:42 Reigo

進捗バーをLiferayで作成する

答えて

関連する問題