PrimeFaces Inplace用法 _PrimeFaces组件

本文概述

就地属性
例子

它是一个输入文本框, 可在浏览器中轻松编辑值。它由两个成员组成, 显示元素是初始可单击的标签, 内联元素是切换显示元素时显示的隐藏内容。
PrimeFaces提供了< p：inplace> 组件, 该组件用于在JSF应用程序中创建就地。它具有下表列出的各种属性。
就地属性

Attribute	Default value	Type	Description
label	null	String	用于设置要在显示模式下显示的标签。
emptyLabel	null	String	当值为空时, 用于设置在显示模式下显示的标签。
effect	fade	String	它用于设置切换时要使用的效果。
effectSpeed	normal	String	这是效果的速度。
disabled	false	Boolean	它防止显示隐藏的内容。
style	null	String	用于设置主容器元素的内联样式。
editor	false	Boolean	它指定编辑器模式。
saveLabel	Save	String	用于在编辑器模式下设置保存按钮的工具提示文本。
cancelLabel	Cancel	String	用于在编辑器模式下设置取消按钮的工具提示文本。
event	click	String	它用于设置客户端事件的名称以显示内联内容。
toggleable	true	Boolean	它定义了inplace是否可切换。

例子在下面的示例中, 我们正在实现< p：inplace> 组件。本示例包含以下文件。
JSF文件
// inplace.xhtml

< ?xml version='1.0' encoding='UTF-8' ?> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns="http://www.w3.org/1999/xhtml"xmlns:h="http://xmlns.jcp.org/jsf/html"xmlns:p="http://primefaces.org/ui"xmlns:f="http://xmlns.jcp.org/jsf/core"> < h:head> < title> Inplace< /title> < /h:head> < h:body> < h:form> < h:panelGrid columns="2" columnClasses="column" cellpadding="5"> < h:outputLabel value="http://www.srcmini.com/User Name:" /> < p:inplace> < p:inputText value="http://www.srcmini.com/Roshan" /> < /p:inplace> < /h:panelGrid> < /h:form> < /h:body> < /html>

【PrimeFaces Inplace用法】输出