Java JSF PrimeFaces：如何使h:inputText看起来像PrimeFaces小部件？

我使用的是PrimeFaces2.2.1。我有一个JSF表单，它结合了常规的widgets（比如h:inputText、h:selectOneMenu、h:selectBooleanCheckbox等等）和PrimeFaces小部件（比如p:calendar等等）

PrimeFaces小部件具有良好的外观/主题，常规小部件呈现为普通HTML小部件

有没有一种简单的方法可以使用PrimeFaces皮肤/主题获得非PrimeFaces小部件渲染

谢谢！ 抢劫

---

[PS.我注意到PrimeFaces 3.0将有p:inputText等，但它还没有推出。：（]

您必须为非jsf小部件设计CSS，并有条件地应用它

更新

假设存在非jsf日历控件（即primefaces外观更改不会影响的组件）

现在您可以在会话中使用一些bean来存储当前皮肤。例如，说

natural\u orange

，现在您可以为组件设计css，说

natural\u orange\u calendar.css

，并像这样应用它

<your component css="#{skinManager.currentSkin}_calendar.css">

---

查看jsf页面的html输出。找到primefaces小部件是如何呈现的，以及它们使用的css样式类

Primefaces使用jQueryUI，因此类名通常以UI-…为非Primefaces小部件使用相同的类

来自我的一个项目的示例。此

h:dataTable

标题看起来像

p:dataTable

：

<h:column headerClass="ui-widget-header ui-widget-content ui-state-default">

---

p:inputText在PrimeFaces 2.2中+

---

谢谢。你能详细说明一下或者给我一个简单的例子吗？Primefaces 3.0 M1已经发布了。如果你想要最前沿的，你可以随时构建快照版本。