最近的项目需要用到一个比较冷门的技术，JSF。然后用到关于JSF的一个比较冷门的前端框架Primefaces。虽然小众，但是本着知识就是知识的原则，记录下来说不定以后，或者其他人也会用到。

控制一组radio button中的部分活性与非活性

需求为一组单选按钮，其中一部分是活性的可以选择， 另外一部分是非活性。入下图：

单选按钮匹配的是一个字符串List，在bean中的名字为cities。控件<f:selectItems>有属性itemDisabled来控制活性与非活性。将一个返回值为boolean的方法（本例为isDisabled(String)）绑定到这个属性上，从后台控制。

 <h3>radio button test</h3>
 <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
 <p:outputLabel for="city" value="City:" />
 <p:selectOneRadio id="city" name="city" value="#{dtSelectionView.city}" layout="grid" columns="3">
 <f:selectItems value="#{dtSelectionView.cities}" var="c" itemLabel="#{city}" itemValue="#{city}"
 itemDisabled="#{dtSelectionView.isDisabled(c)}" />
 </p:selectOneRadio>
 </h:panelGrid>

热键的设定

普通的热键

本例中的普通热键为ctrl+shift+a，用户在名为name的输入框中输入新的值之后，需要让该输入框失去焦点，然后按定好的热键来更新名字为Hello的输出框。此时输出框将变为刚刚新输入的name。

代码：

<p:hotkey bind="ctrl+shift+a" update="display" />
 <h:panelGrid columns="2">
 <h:outputLabel for="name" value="Name:" />
 <h:inputText id="name" value="#{dtSelectionView.cars1[0].id}" />
 </h:panelGrid>
 <h:outputText id="display" value="Hello: #{dtSelectionView.cars1[0].id}" />

其中控件的value在本例中为了简化代码，直接使用了cars1数组的第一个元素。热键功能除了需要绑定Bean中的属性，不需要其他后台代码。自动实现ajax功能。

特殊热键：回车

回车是比较特殊的按键。在primefaces中需要特殊对待。

画面显示：

前台代码：

 <p:inputText id="text" value="#{dtSelectionView.city}" placeholder="please input"
 valueChangeListener="#{dtSelectionView.changeListener}" immediate="true" />
 <br></br>
 <p:commandButton value="Submit1" id="submitButton1" action="#{dtSelectionView.buttonAction1}"
 style="margin-right:20px;" styleClass="ui-priority-primary" />
 <p:commandButton value="Submit2" id="submitButton2" widgetVar="varCommandButtonNovo"
 action="#{dtSelectionView.buttonAction2}" style="margin-right:20px;" styleClass="ui-priority-primary" />
 <p:defaultCommand target="submitButton1" />
 <p:hotkey bind="return" handler="PF('varCommandButtonNovo').jq.click();" />

前台代码中的输入框将方法changeListener绑定至属性valueChangeListener，监听输入值的变化。按钮submitButton2的属性widgetVar绑定了一个变量varCommandButtonNovo。该变量是为了让Primefaces的前台js通过PF方法取得这个控件。<p:hotkey>标签被触发的时候会调用这个控件的click方法。<p:hotkey>标签标明回车是热键。<p:defaultCommand>绑定了按钮submitButton1。

简单梳理一下

• 当输入框输入完毕，失去焦点的时候，触发changeListener。此时按回车会触发热键的handler从而执行submitButton2的点击事件。点击事件触发submitButton2的anction调用后台方法buttonAction2。
• 当输入框输入完毕，未焦点的时候，触发changeListener。此时按回车会触发<p:defaultCommand>执行submitButton1的点击事件。点击事件触发submitButton1的anction调用后台方法buttonAction1。

后台方法changeListener和buttonAction2都新建了一个线程，sleep5秒钟。这是为了测试这两个方法是同步还是异步。

无论怎样操作，都是在changeListener运行之后才运行热键绑定的方法。