ajax重新呈现时获取新值

Question

我的代码工作正常，但我真的不能清楚地理解它。

有人可以解释我吗。

这是我的代码：

<script type="text/javascript"> 
    var portletNamespace = '#<portlet:namespace/>\\:formId\\:'; 
    $(portletNamespace + 'drpCategory').live('change', function() { 
     alert('#{myController.simpleString}'); 
     $(portletNamespace + 'hiddenValue').ready(function() { 
      alert($(portletNamespace + 'hiddenValue').val()); 
     }); 
    }); 
</script> 

<h:inputText id="hiddenValue" value="#{myController.simpleString}" /> 

<h:selectOneMenu id="drpCategory"> 
    <f:selectItem itemLabel="Chọn thủ tục" itemValue="#{null}" /> 
    <f:selectItems value="#{myController.listCate}" var="item" itemLabel="#{item.cateNane}" 
    itemValue="#{item.cateId}" /> 
    <f:ajax event="valueChange" render="hiddenMap " listener="#{myController.changeCategory}" 
    /> 
</h:selectOneMenu> 

后，我在drpCategory改项目，JavaScript警告空字符串先的simpleString真正的价值。但是，如果我删除第一个警报代码，第二个将显示旧值（在由ajax呈现之前）

例如，如果我删除第一个警报代码。首先，hiddenValue为空，更改为drpCategory值，hiddenValue更改为'a'，但javascript alert空，第二次更改drpCategory时，hiddenValue更改为'b'，但它仍会显示'a'。

编辑： 啊，我找到的东西，我已经改为：

<script type="text/javascript"> 
    var portletNamespace = '#<portlet:namespace/>\\:formId\\:';  
    $(portletNamespace+'drpCategory').live('change', function(){ 
     setTimeout('myFunc()', 500);  

    }); 

    function myFunc(){ 
      $(portletNamespace+'hiddenValue').ready(function(){ 
       alert($(portletNamespace+'hiddenValue').val()); 
      }); 
    } 
    </script> 

Answer 1

如果我理解您的方案的权利..

更改

<f:ajax event="valueChange" render="hiddenMap " listener="#{myController.changeCategory}" 
/> 

成

<f:ajax onevent="callThisMethodAfterValueIsUpdated" event="valueChange" render="hiddenMap " listener="#{myController.changeCategory}" 
/> 

，并在您的js添加此

var portletNamespace = '#<portlet:namespace/>\\:formId\\:'; 
function callThisMethodAfterValueIsUpdated(data) { 
    if (data.status === 'success') { 
     alert($(portletNamespace+'hiddenValue').val()); 
    } 
} 

依靠setTimeout是错误的原因可能有所不同不时服务器/交通......