我的代码运行良好,但我真的无法清楚地理解它。
有人可以解释一下吗。
这是我的代码:
<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>