PrimeFaces狀態欄是靜態的，而不是動畫

我一直跟隨在PrimeFaces的例子showcase PrimeFaces狀態欄是靜態的，而不是動畫

我所試圖做的是顯示設置值（10％）的靜態酒吧，但擁有的動畫效果動畫欄。我曾試圖結合兩者以獲取靜態值，我需要，但我想要的效果仍然只有完全靜態的

<p:progressBar value="10" 
       labelTemplate="{value}%" 
       ajax="true" 
       styleClass="animated"> 
</p:progressBar>

這是我的代碼。我怎樣才能達到設定值的動畫效果？

謝謝你們

來源

2014-02-12 user2061913

還有的獲得動畫p兩種方式：進度。一個是客戶端側面動畫，您可以從JavaScript處理它（適用於簡單且通常爲預定義的動畫）。另一個是ajax -based，其中當前值是在服務器端bean中計算並定期更新的（它可以像展示示例一樣工作，但它更適合呈現複雜而異步的操作的進度）。無論哪種方式，任何動畫行爲都不包括靜態性質。

您展示的代碼示例聲明瞭具有某些靜態值的進度條 - 但它不處理其動畫。如果你需要停止某種價值的動畫，那麼最好的方法就是從JavaScript處理它。代碼應與展示示例中的代碼非常相似，但您需要篡改步長，間隔和動畫結束條件的值。如果你想讓你的進度條自動生成動畫，你可以將它與HTML事件結合起來。實施的細節將很大程度上取決於您想要實現的具體行爲。

來源

2014-02-19 22:22:20 ppawel

我ppawel同意，我想補充的唯一的事情是，如果你希望動畫只要您加載網頁運行，可以使用當然<body onload="animationFunction()">你需要寫animationFunction（） javascript

來源

2014-02-25 21:50:28 Coronellx

PrimeFaces狀態欄是靜態的，而不是動畫

回答

相關問題