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
5
A
risposta
1
È 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/
Problemi correlati
- 1. Crea schermata iniziale con barra di avanzamento come Eclipse
- 2. barra di avanzamento in WPF
- 3. Barra di avanzamento circolare
- 4. HTML5 Audio - Barra di avanzamento
- 5. Lato server - Barra di avanzamento
- 6. Barra di avanzamento Android DialogFragment
- 7. Barra di avanzamento per AVAssetExportSession
- 8. Django-Sedano barra di avanzamento
- 9. battente con barra di avanzamento
- 10. Avanzamento appCompat Altezza barra
- 11. Barra di avanzamento Thinner Bootstrap?
- 12. Barra di avanzamento del testo in Matlab
- 13. sintassi barra di avanzamento in stile Android
- 14. Barra di avanzamento segmentata in Bootstrap 3
- 15. Come si crea una barra di avanzamento di selezione in WPF?
- 16. Come creare una barra di avanzamento indeterminata in WinForms?
- 17. jQuesta barra di scorrimento con riempimento barra di avanzamento
- 18. Aggiorna barra di avanzamento nella barra di notifica
- 19. Mostrando avanzamento indeterminata in Sherlock Barra azioni
- 20. Come disattivare barra di avanzamento del NPM
- 21. barra di avanzamento asyncio aiohttp con tqdm
- 22. Barra di avanzamento Android nel pulsante
- 23. Una barra di avanzamento per scikit-learn?
- 24. Percentuale barra di avanzamento jQuery semplice
- 25. Nav-tab bootstrap con barra di avanzamento
- 26. raggio di bordo + overflow nascosto + elemento interno (barra di avanzamento) crea artefatti bordo frastagliato
- 27. Larghezza barra di avanzamento orizzontale nella barra delle azioni
- 28. Barra di avanzamento con PHP e Ajax
- 29. Android: Barra di avanzamento orizzontale personalizzata Animazione
- 30. Come interrompere l'animazione della barra di avanzamento?
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 –