h：CommandButton/h：命令鏈接在第一次單擊時不起作用，僅在第二次單擊時才有效。我們有一個Ajax導航菜單，它更新動態包含。包含文件有各自的表單。<h:form>
<h:commandButton value="Add" action="#{navigator.setUrl('AddUser')}">
<f:ajax render=":propertiesArea" />
</h:commandButton></h:form><h:panelGroup id="propertiesArea" layout="block">
<ui:include src="#{navigator.selectedLevel.url}" /></h:panelGroup>它工作正常，但包含文件中的任何命令按鈕在第一次單擊時都不能工作。它只適用于第二次點擊和重復。我發現了這個問題未調用的命令Button/CommandLink/ajax操作/偵聽器方法或未更新的輸入值我的問題在第9點中有描述，我知道我需要顯式地包括<h:form>在包含在<f:ajax render>來解決這個問題。<f:ajax render=":propertiesArea :propertiesArea:someFormId" />然而，在我的例子中，表單ID是事先不知道的。另外，這個表單在上下文中也是不可用的。以上情況有什么解決方案嗎？
3 回答
互換的青春
TA貢獻1797條經驗 獲得超6個贊
javax.faces.ViewState
jsf.ajax.addOnEvent(function(data) {
if (data.status == "success") {
fixViewState(data.responseXML);
}});function fixViewState(responseXML) {
var viewState = getViewState(responseXML);
if (viewState) {
for (var i = 0; i < document.forms.length; i++) {
var form = document.forms[i];
if (form.method == "post") {
if (!hasViewState(form)) {
createViewState(form, viewState);
}
}
else { // PrimeFaces also adds them to GET forms!
removeViewState(form);
}
}
}}function getViewState(responseXML) {
var updates = responseXML.getElementsByTagName("update");
for (var i = 0; i < updates.length; i++) {
var update = updates[i];
if (update.getAttribute("id").match(/^([\w]+:)?javax\.faces\.ViewState(:[0-9]+)?$/)) {
return update.textContent || update.innerText;
}
}
return null;}function hasViewState(form) {
for (var i = 0; i < form.elements.length; i++) {
if (form.elements[i].name == "javax.faces.ViewState") {
return true;
}
}
return false;}function createViewState(form, viewState) {
var hidden;
try {
hidden = document.createElement("<input name='javax.faces.ViewState'>"); // IE6-8.
} catch(e) {
hidden = document.createElement("input");
hidden.setAttribute("name", "javax.faces.ViewState");
}
hidden.setAttribute("type", "hidden");
hidden.setAttribute("value", viewState);
hidden.setAttribute("autocomplete", "off");
form.appendChild(hidden);}function removeViewState(form) {
for (var i = 0; i < form.elements.length; i++) {
var element = form.elements[i];
if (element.name == "javax.faces.ViewState") {
element.parentNode.removeChild(element);
}
}}<h:outputScript name="some.js" target="head"><h:body><f:ajax>jsf.jsif (typeof jsf !== 'undefined')jsf.ajax.addOnEvent()
<h:outputScript library="javax.faces" name="jsf.js" target="head" />
jsf.ajax.addOnEvent<f:ajax><p:ajax><p:commandXxx>
$(document).ajaxComplete(function(event, xhr, options) {
if (typeof xhr.responseXML != 'undefined') { // It's undefined when plain $.ajax(), $.get(), etc is used instead of PrimeFaces ajax.
fixViewState(xhr.responseXML);
}}更新<h:body>
<h:body> <h:outputScript library="omnifaces" name="fixviewstate.js" target="head" /> ...</h:body>
UYOU
TA貢獻1878條經驗 獲得超4個贊
關于使用js代碼，你能更具體一點嗎？我在richFaces 4.5.13中使用了一個簡單的腳本標記，它在命令按鈕(“h：”或“a4j：”)上的結果是相同的(必須單擊兩次)；您也沒有提到jQuery/richFaces版本。
添加回答
舉報
0/150
提交
取消