个性化阅读
专注于IT技术分析

PrimeFaces Inplace用法

本文概述

它是一个输入文本框, 可在浏览器中轻松编辑值。它由两个成员组成, 显示元素是初始可单击的标签, 内联元素是切换显示元素时显示的隐藏内容。

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>

输出

PrimeFaces Inplace 1
PrimeFaces Inplace 2
赞(0) 打赏
未经允许不得转载:srcmini » PrimeFaces Inplace用法
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏