jquery - 单击命令按钮时可选择显示模式

Question

我有一个问题，我需要根据输入字段的值显示模态，所以我在输入字段中写入一些值，单击“保存”按钮，根据该值我应该运行数据库查询，如果结果是存在然后显示模态，否则不显示。最好的方法是什么？

问题是我需要单独的 onclick 和 oncomplete 事件。

 <p:commandButton id="save_button"
  value="Save"
  update="@([id*=modalId]) @form"
  onclick="jQuery('#modalId').show();"
  action="#{cc.attrs.saveAction}">
  </p:commandButton>


   <p:inputNumber required="true"
   value="#{bean.number}">
   </p:inputNumber>

Answer 1

您可以在支持 bean 中设置数据库结果，然后将 .show() 调用更改为 oncomplete 属性，这样您就可以根据查询结果有条件地显示模式面板。

public class BackingBean{
    private Object dbResult;

    public Object getDbResut(){ return dbResult; }

    public void executeDbQuery(){
          dbResult = yourDbApi.doSomeQuery();
    }
}


<p:commandButton id="save_button"
  value="Save"
  update="@([id*=modalId]) @form"
  actionListener="#{bean.executeDbQuery}">
  action="#{cc.attrs.saveAction}"
  ocomplete="#{not empty bean.dbResult ? 'jQuery('#modalId').show();' : ''}">
  </p:commandButton>


   <p:inputNumber required="true"
   value="#{bean.number}">
   </p:inputNumber>

actionListener 在 action 之前执行，因此保证在您的操作调用之后 oncomplete 将获取正确的 bean.dbResult