更新後重點丟失

Question

我有兩個輸入的形式，其中一個值取決於另一個。當用戶更改一個字段時，我需要重新計算值（這在setter方法中完成）並更新表單。

這是我的例子：

<h:form> 
<p:inputText id="price1" value="#{bean.price1}"}"> 
    <p:ajax event="blur" update="@this, price2"/> 
</p:inputText> 
<p:inputText id="price2" value="#{bean.price2}"> 
    <p:ajax event="blur" update="@this, price1"/> 
</p:inputText> 
</h:form> 

的問題是，經過更新焦點例如丟失如果用戶使用Tab鍵從price1移動到price2。

Answer 1

$("#price2").focusout(function(){ 
    $("#price1").focus(); 
}); 

Answer 2

你可以試試這個：

<h:form id="fm"> 
    <script type="text/javascript"> 
     function test(){ 
      $(PrimeFaces.escapeClientId('fm:price2')).focus(); 
     } 
    </script> 
    <p:inputText id="price1" value="#{bean.price1}" > 
     <p:ajax event="blur" oncomplete="test();" update="@this, price2"    listener="#{bean.hand}"/> 
    </p:inputText> 
    <p:inputText widgetVar="xxx" id="price2" value="#{bean.price2}"> 
     <p:ajax event="blur" update="@this, price1"/> 
    </p:inputText> 
</h:form> 

Answer 3

• 集widgetVar您的輸入
• 對於p：AJAX，設置的onComplete =「PF（ 'YOUR_WIDGET_VAR_NAME'）jq.focus（ ）;」

Answer 4

這是一個非常討厭的問題，它與JSF執行部分呈現的方式有關。它取代了重新渲染的整個元素，導致焦點丟失。

解決此問題的唯一方法是存儲焦點保留元素的tabIndex，並在更新DOM後再次設置焦點。

您可以在此博客文章JSF 2 AJAX focus issues中找到有關該解決方案的更多詳細信息。

Answer 5

這篇有用的文章演示瞭如何在後臺bean中設置焦點;授予它打破豆/ UI之間的分離，但它允許你添加一些邏輯，如果需要的話，你要設置焦點：

http://jsfcorner.blogspot.com/2015/06/focus-html-element-after-ajax-call-with.html

tldr： RequestContext.getCurrentInstance().execute("PrimeFaces.focus('frm:additionalInfo');");