我试图通过commandlink在ajax请求之后显示表单中的字段。但是,当我点击链接时,我收到malformedXML错误。 xhtml文件如下所示:
<h:form>
.
.
<tr>
<td>Product Image*:</td>
<td>
<h:graphicImage url="#{addItem.prodFileName}" width="100" height="100"/>
<br /><h:commandLink value="change image" >
<f:ajax event="click" render="uploadimage" execute="@this" listener="#{addItem.ChangeImage}"/>
</h:commandLink>
</td>
</tr>
<tr >
<td>
<t:inputFileUpload rendered ="#{addItem.editImgChange}" label="editImage" id="uploadimage" value="#{addItem.uploadedFile}" />
<h:messages for="prodimage"/>
</td>
</tr>
.
.
</h:form>
AddItem bean是RequestScoped,它有以下代码行:
@ManagedBean
public class AddItem extends AbstractBean {
//..
boolean editImgChange=false;
//...
public void ChangeImage(){
this.editImgChange=true;
}
}
Inshort,我想只在用户点击更改图像链接后显示t:inputFileUpload字段。我在AddItem bean中保留了一个标志editImgChange,其初始值为false,一旦用户单击更改图像链接,该标志就会更改为true。该程序转到ChangeImage()方法,但之后我得到错误
“malformedXML:更新期间:找不到j_idt30:uploadimage”
。
我也会对一个完全不同的解决方案感到高兴,为了达到同样的效果,我的设计很糟糕。
答案 0 :(得分:11)
render
属性应指向始终呈现在HTML中的组件的ID。它就是JavaScript,它应该根据ajax响应更新/替换它的内容。但是,如果组件永远不会呈现为HTML,那么JavaScript将无法更新/替换其内容。您需要将其包装在另一个组件中,该组件始终呈现为HTML,然后更新它。
E.g。
<h:panelGroup id="uploadimage">
<t:inputFileUpload rendered ="#{addItem.editImgChange}" label="editImage" value="#{addItem.uploadedFile}" />
</h:panelGroup>