2011-08-01 68 views
1

我想添加日曆效果(使用Primeface)到我的JSF網頁。我正在使用Netbeans 6.9.1和glassfish 3.1。日曆沒有彈出PrimeFaces

我安裝Primeface我的應用程序,如this blog

描述並從Primefaces website複製了一些代碼。我複製了整個表單並將其粘貼到我的xhtml文件中。我相應地改變了bean類。

我沒有在我的網頁上彈出日曆。這是爲什麼發生。我在Chrome和Firefox上測試了這個功能,但仍然沒有運氣。有人可以幫我

回答

6

首先,確保你已經在你的XML命名空間中聲明瞭PrimeFaces標籤庫。對於目前的PrimeFaces 2.x版,這是

xmlns:p="http://primefaces.prime.com.tr/ui" 

其次,PrimeFaces自帶了大量的CSS/JS資源,這應該是自動包含由<h:head>一起。日曆組件(以及其他許多)正是由這些資源來設計和激活的。因此,爲了讓它們自動包含在內,您需要確保在主模板中有<h:head>而不是<head>。並且要保持一致,請將<body>替換爲<h:body>。根據該意見


更新,有一個JavaScript的衝突。 <p:calendar>以最簡單的形式正常工作。它停止工作,因爲您的模板中有一個jQuery菜單欄,而該菜單欄又需要<script src="jquery.js">。由於PrimeFaces已經捆綁了jQuery,所以它很可能與手動jQuery腳本包含衝突。你需要擺脫包含手動jQuery腳本。

+0

是的,我已經包括''和''標籤。我還在html下包含了'xmlns:p =「http://primefaces.prime.com.tr/ui」>'。當我在代碼中添加一個''時,文本框的設計更改爲網站中顯示的那個。當我添加日曆組件的代碼時,我只能得到一個文本框,當我點擊它時,日曆不會彈出。 – Illep

+0

您的網站開發人員工具中是否收到任何JS/CSS錯誤/警告?你使用什麼PrimeFaces版本?截至目前,2.2.1是最新的穩定版本。 3.0仍然是測試版,可能不穩定。順便說一下,安裝應該像將/ JAR文件放入'/ WEB-INF/lib'文件夾一樣簡單。至少,這就是它在Eclipse和其他體面的IDE中的發展方向。 – BalusC

+0

我正在使用最新的穩定版本(primefaces-2.2.1.zip)。我在Netbeans IDE中看不到任何JS/CSS警告。關於安裝,我遵循了我在我的問題中指出的論壇中給出的步驟。我在我的Web項目的'Libraries'文件夾中添加了Jar文件。 – Illep

1

當您使用jquery datepicker小部件,並且我還假設日曆widgit時,您可以設置區域參數以使用特定國家/地區的日期格式。 例如: $.datepicker.setDefaults($.datepicker.regional[ "en-GB" ]); 如果你這樣做,你必須包括適當的定義,例如: <腳本類型= 「文/ JavaScript的」 SRC = 「JS /日期選擇器烯GB.js」 > < /腳本>