Crea barra di avanzamento in Liferay

Sto cercando di creare una barra di avanzamento in Liferay, si spera all'interno del plug-in Dynamic List Display ma non necessariamente. I dati per la barra di avanzamento verranno comunque dalla lista. Qualche suggerimento?Crea barra di avanzamento in Liferay

fonte

2013-04-05 randomizertech

Questo potrebbe aiutare [Aggiungi portlet barra di avanzamento] (http://www.liferay.com/community/wiki/-/wiki/Main/How+to+add+a+progress+bar+to+my+portlet) oppure puoi creare il tuo semplice implementazione di una barra di avanzamento con il concetto di threading, javascript e ajax. –

@PrakashK fantastico! hai qualche tutorial per caso? Vedo che parlano di aggiungere del codice alla fine dei file JSP, come faccio a fare questo? Sono nuovo di Liferay e non so dove siano i file JSP – randomizertech

http://www.liferay.com/community/forums/-/message_boards/message/24603710 Questo mi ha aiutato con una barra di avanzamento in uno dei i miei progetti –

È possibile farlo facilmente con AlloyUI in Liferay 6.2. Hai bisogno di un segnaposto per il ProgressBar - qualcosa di simile:

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

E quindi è possibile creare con javascript in questo modo:

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

Si può leggere di più sulle opzioni bar di configurazione di progresso qui: http://alloyui.com/api/classes/A.ProgressBar.html

E alcuni campioni qui: http://alloyui.com/versions/2.0.x/tutorials/progress-bar/

fonte

2015-08-27 17:10:42 Reigo

Crea barra di avanzamento in Liferay

risposta

Problemi correlati