如何使inputText提前输入值可单击,就像jsf / bootsfaces中的按钮一样?

时间:2018-06-19 20:39:58

标签: jsf bootsfaces

我有一个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> 

1 个答案:

答案 0 :(得分:0)

如果我说对了,您正在寻找类似这样的东西:

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

但是,我建议使用CSS类代替ID。 JSF修改了ID,因此在jQuery表达式中使用CSS类更为简单(例如,用$('.job-selected')代替$('#inputName')-并且您需要将class="job-selected"添加到<b:inputText />中)