2013-04-05 44 views
5

Tôi đang tìm cách tạo thanh tiến trình trong Liferay, hy vọng bên trong plugin Danh sách động hiển thị nhưng không nhất thiết. Dữ liệu cho thanh tiến trình sẽ đến từ Danh sách. Bất kỳ đề xuất nào?Tạo Thanh tiến trình trong Liferay

+0

này có thể giúp [Add Portlet thanh tiến trình] (http://www.liferay.com/community/wiki/-/wiki/Main/How+to+add+a+progress+bar+to+my+portlet) hoặc nếu không bạn có thể tạo đơn giản của riêng mình thực hiện thanh tiến trình với khái niệm luồng, javascript và ajax. –

+0

@PrakashK tuyệt vời! bạn có bất kỳ hướng dẫn nào không? Tôi thấy rằng họ nói về việc thêm một số mã ở cuối các tệp JSP, làm cách nào để làm điều này? Tôi mới sử dụng Liferay và tôi không biết tệp JSP ở đâu là – randomizertech

+0

http://www.liferay.com/community/forums/-/message_boards/message/24603710 Điều này đã giúp tôi với một thanh tiến trình ở một trong các dự án của tôi. –

Trả lời

1

Bạn có thể làm điều đó dễ dàng với AlloyUI trong Liferay 6.2. Bạn cần một giữ chỗ cho progressbar - một cái gì đó như thế này:

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

Và sau đó bạn có thể tạo ra nó với javascript như thế này:

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

Bạn có thể đọc thêm về các tùy chọn thanh cấu hình tiến bộ ở đây: http://alloyui.com/api/classes/A.ProgressBar.html

Và một số mẫu ở đây: http://alloyui.com/versions/2.0.x/tutorials/progress-bar/

Các vấn đề liên quan