本文概述
它是一个输入文本框, 可在浏览器中轻松编辑值。它由两个成员组成, 显示元素是初始可单击的标签, 内联元素是切换显示元素时显示的隐藏内容。
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="User Name:" />
<p:inplace>
<p:inputText value="Roshan" />
</p:inplace>
</h:panelGrid>
</h:form>
</h:body>
</html>
输出
评论前必须登录!
注册