Jsf 如何建立;编辑";按钮,并在h:outputText和h:inputText之间切换

Jsf 如何建立;编辑";按钮,并在h:outputText和h:inputText之间切换,jsf,edit,conditional-rendering,Jsf,Edit,Conditional Rendering,如何创建“编辑”按钮,以便在单击按钮时将h:outputText更改为h:inputText?使用呈现的属性: ... 在视图范围的bean中使用此选项: 私有布尔编辑模式; 公共作废编辑(){ editmode=true; } 公共作废保存(){ entityService.save(实体); editmode=false; } 公共布尔isEditmode(){ 返回编辑模式; } // ... 请注意,视图作用域的bean很重要,原因如本答案第5点所述: 或者,您可以将输入组件上的

如何创建“编辑”按钮,以便在单击按钮时将
h:outputText
更改为
h:inputText

使用
呈现的属性:


...
在视图范围的bean中使用此选项:

私有布尔编辑模式;
公共作废编辑(){
editmode=true;
}
公共作废保存(){
entityService.save(实体);
editmode=false;
}
公共布尔isEditmode(){
返回编辑模式;
}
// ...
请注意,视图作用域的bean很重要,原因如本答案第5点所述:


或者,您可以将输入组件上的
disabled
属性与CSS快照结合使用,这基本上使其看起来像输出组件(通过删除边框)


...
用例如

input[disabled] {
    border: 0;
}
在这里,bean必须是视图范围的。另见