PrimeFaces多选Autocomplete如何调用移除项事件并更新lstSelectedDays

这个问题我之前也碰到过——PrimeFaces的多选Autocomplete确实没法直接用change事件捕捉单个项的移除动作。原因很简单：change事件通常是在组件失去焦点、或者值发生整体变更时才会触发，但在dropdown模式下，移除项后组件不会立刻失去焦点，所以事件根本不会被触发。

正确的做法是用PrimeFaces为多选组件专门提供的itemUnselect事件，配合<p:ajax>来监听单个项的移除动作，同时可以按需更新你的lstSelectedDays关联的页面组件。

修改后的代码示例 #

<p:autoComplete id="ClassSeessionDays" 
                multiple="true" 
                value="#{classManage.lstSelectedDays}" 
                completeMethod="#{weekDaysRequestBean.getDays}" 
                dropdown="true" 
                var="day" 
                itemLabel="#{day.name}" 
                itemValue="#{day}" 
                converter="weekDaysConverter" 
                disabled="#{cc.attrs.disabled}" 
                forceSelection="true">
    <!-- 监听移除项事件，自动更新绑定的lstSelectedDays并刷新目标组件 -->
    <p:ajax event="itemUnselect" update=":yourFormId:targetComponentId" />
    <!-- 如果需要处理添加项的逻辑，也可以加上itemSelect事件 -->
    <p:ajax event="itemSelect" update=":yourFormId:targetComponentId" />
</p:autoComplete>

可选：后台处理移除逻辑 #

如果你需要在移除项时执行额外的后台操作（比如日志记录、关联数据更新），可以给<p:ajax>添加listener属性，在后台bean里写对应的处理方法：

import org.primefaces.event.UnselectEvent;
import org.primefaces.event.SelectEvent;

// 移除项时触发的方法
public void onDayUnselect(UnselectEvent event) {
    WeekDay removedDay = (WeekDay) event.getObject();
    // 这里可以添加自定义逻辑，比如记录移除日志、更新关联数据等
    // 注：lstSelectedDays会通过双向绑定自动更新，无需手动修改
}

// 添加项时触发的方法（可选）
public void onDaySelect(SelectEvent event) {
    WeekDay addedDay = (WeekDay) event.getObject();
    // 自定义添加逻辑
}

关键说明 #

1. itemUnselect事件会在用户点击项旁的叉号移除单个选项时立刻触发，比change事件更精准适配多选场景；
2. update属性需要填写你要刷新的组件ID（比如展示lstSelectedDays的列表、表格组件），确保页面能实时显示最新的选择结果；
3. 如果不需要额外后台逻辑，仅保留update属性即可——双向绑定会自动同步后台的lstSelectedDays值。

内容的提问来源于stack exchange，提问作者Saeed Ahmadian