如何使输入文本输入预键入值可点击，就像jsf/bootsfaces中的按钮一样?

Question

我有一个带有提前键入的inputText，用户可以在其中键入作业类并显示一个下拉列表，然后他们单击选择 - 它会填充数据。但是，我想做的不是"选择"按钮，而是我想在我的inputText上放一个onclick或其他东西，当下拉列表显示并且用户单击下拉值时，它可以填充它正在使用的数据我的按钮。感谢您的帮助。

这是我的代码：

<h:form>
<b:inputText id = "inputName"  value = "#{myBean.currentJobSelected}" typeahead="true" typeahead-values="#{myBean.cPaySearchList}"
placeholder="e.g. Apple" required="true" ajax="true" >

<f:ajax render=":dTable" />

</b:inputText>
<b:commandButton action="#{myBean.getAllMethods}" update=":dTable"  value= " Select" >
<f:ajax execute="inputName" render=":dTable" />
</b:commandButton>


</h:form> 

Answer 1

如果我没猜错，你正在寻找这样的东西：

<b:remoteCommand name="onValueSelected" actionListener="#{myBean.myMethod}" update=":dtable" />
<script> 
$('#inputName').on('itemAdded', function(event) {
onValueSelected();
});
</script>

JSF 修改了 ID，因此在 jQuery 表达式中使用 CSS 类更简单(即$('.job-selected')而不是$('#inputName')- 另外您需要将class="job-selected"添加到<b:inputText />(。