当前位置:首页 > 开发 > Web前端 > 前端 > 正文

richfaces 4 rich:message as icon with tooltip

发表于: 2013-09-27   作者:sunjing   来源:转载   浏览次数:
摘要: <ui:composition xmlns="http://www.w3.org/1999/xhtml"                xmlns:ui="http://java.sun.com/jsf/facel

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <c:set var="tooltipId" value="#{for}tooltip"/>

    <rich:message id="#{for}Message" for="#{for}" showDetail="false" showSummary="false" styleClass="message-icon"
                  onmouseover="#{rich:component(tooltipId)}.show(event)"
                  onmouseout="#{rich:component(tooltipId)}.hide()"/>
    <rich:tooltip id="#{tooltipId}" target="#{for}Message">
        <rich:message for="#{for}" styleClass="message-text"/>
    </rich:tooltip>

</ui:composition>

 

.message-icon .rf-msg-err {
    background-image: url("../resources/images/icons/ico_error.gif");
    display: inline-block;
    height: 16px;
    padding: 0px;
    width: 16px;
}

.message-text .rf-msg-err {
    background-image: none;
    padding-left: 2px;
}

richfaces 4 rich:message as icon with tooltip

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
RichFaces3.3.1中新增了一个组件:rich:colorPicker 该组件基于jQuery开发,使用方法很简单,代码如
作者:李盼(Lipan) 出处:[Lipan] (http://www.cnblogs.com/lipan/) 版权声明:本文的版权归作
1.在extjs 4 中,TextFiled等组件并没有发现tooltip这个属性,这里就重写了一个方法,在Ext,form.T
《回到系列目录 本篇介绍提示控件,ExtJs支持两种方式定义提示,可以支持普通html元素和一般的ExtJs
本篇介绍提示控件,ExtJs支持两种方式定义提示,可以支持普通html元素和一般的ExtJs UI控件。 一、
<Design and Evaluation of Benchmarks for Financial Applications using Advanced Message Que
阅读: 609 评论: 14 作者: Gnie 发表于 2010-06-01 08:54 原文链接 在《WPF 4 开发Windows 7 任务栏
这是个加了点淡入淡出效果的顶部tooltip控件,会自动消失 用法: <head> <title></t
RichFaces树组件的用法 原创:版权所有chszs RichFaces Tree组件提供了一个缺省的数据模型,允许显
喜欢JBoss RichFaces 的朋友现在有福了,今天NetBeans发布了 RichFaces4NetBeans 这款插件 他可以让
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号