`
leon1509
  • 浏览: 538202 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

(转)让HelpBalloons飘在你的GSP上空

阅读更多

原贴地址:http://www.groovyq.net/node/124


在进行网页开发的时候,常常需要显示提示或者帮助信息,实现方法有很多种。这里介绍一种简单易用的Gails插件--HelpBalloon。可以把这个可爱的气球放在GSP的任何地方。

要使用HelpBalloon,请先做好如下两项准备工作:

安装HelpBalloon插件,执行:grails install-plugin help-balloons ;
在需要使用HelpBalloon的GSP的<head>中添加<g:helpBalloons />,它会将Prototype的JS库以及HelpBalloon相关的JS库引入到GSP中,如果你的Prototype的JS库不是在缺省位置,可以使用这个标签的base属性来指定JS库的位置,比如:<g:helpBalloons base="/myApp/myDir/" />;
下面就开始HelpBalloon之旅了!

在GSP中写入:

<g:each var="c" in="${grailsApplication.controllerClasses}">
      <li class="controller">
	  <g:link controller="${c.logicalPropertyName}">
	     ${c.fullName}
	  </g:link>
	  <g:helpBalloon title="my Help"
	    content="How to display a help balloon in GSP? "/>
      </li>
</g:each>


下图是上述代码的效果图:



上图中显示的图标都是HelpBalloon的缺省值,如果需要使用自定义的图标,可以设置<head>中的<g:helpBalloons />标签的icon、button、balloonPrefix属性,比如:

	<g:helpBalloons
		 icon="${resource(dir:'images',file:'balloon-icon1.gif')}"
 		 button="${resource(dir:'images',file:'myButton.png')}" 
 		 balloonPrefix="${resource(dir:'images')}/balloon-" />

如下是使用自定义图标的效果图:



HelpBalloon要显示的信息也可以由message文件进行统一管理,比如message.properties文件中:“codename.suffixname= help content!!”,就可以使用HelpBalloon的code、suffix属性来显示,如下:

<g:helpBalloon title="关于书籍的说明" code="codename" suffix=".suffixname"/>
读者需要注意,suffix为可选内容,缺省值为“.help”,如果代码中没有设置suffix,HelpBalloon将message文件中codename.help的内容显示出来

效果图如下:



对于HelpBalloon中的内容,可以类似上述示例中的用法,也可以从对象中获取到,请看如下代码:

	<g:helpBalloon 
		 title="Book Info"
		 content="${bookInstance.moreInfo()}"/>

上述代码的意思是,可以通过book的moreInfo()方法将更多的book信息显示在HelpBalloon中,如下是book的代码:
	class Book {
	  String name
	  String descript
	  String author="Magnolia"
	  Date dateCreated=new Date()
	  int pages=100
	  String isbn="ISBN 2010-03-06"
	  String shortname

	  String moreInfo(){
		"""$name <br/>
		<img src='/GrailsUI/images/${shortname}.jpg'/><br>
		  by $author /pg: $pages /ISBN: $isbn <br/>
		  published in $dateCreated<br/>
		"""
	  }
	}

下图是如上代码的效果图:



文章中的源代码可以从这里下载。
分享到:
评论

相关推荐

    几何画板文件打包机(GSP转EXE)

    这款工具让几何画板的使用更加灵活,方便教师和学生在没有安装几何画板软件的环境中也能进行高质量的教学活动。同时,通过自定义功能,教师可以制作出更加符合教学需求的几何教学资源。在确保安全的前提下,几何画板...

    GspForExe打包器(基于Gsp5.06制作)

    为了解决这个问题,"GspForExe打包器(基于Gsp5.06制作)"应运而生,它是一款能够将GSP文件转换为EXE可执行文件的工具,使得用户无需安装几何画板也能在任何Windows系统上运行相关的教学程序。 "几何画板5.06打包器V...

    gsp.rar_GSP_aprioriall_gsp算法

    不同于AprioriAll,GSP在生长过程中考虑了项集的顺序,使得每次生长都是在一个已知频繁项集的基础上增加一个项。这样可以避免生成不必要的候选集。 2. **修剪阶段**:在生长阶段结束后,GSP对生成的所有项集进行...

    Python中的 GSP(广义序列模式)算法_python_代码_下载

    在Python的世界里,数据挖掘和模式识别是两个关键领域,其中GSP(广义序列模式)算法是一种在时间序列数据中发现频繁模式的有效方法。GSP算法最初由Takaki和Tokunaga在1997年提出,主要用于发现序列数据库中的有趣...

    前端开源库-gsp

    为了深入了解gsp,你可以查看`gsp-master`这个压缩包中的源代码,它可能包含以下组成部分: - `src/`:源代码目录,存放项目的所有原始文件。 - `dist/`:输出目录,编译后的代码会被放置在这里,供生产环境使用。 ...

    航空发动机性能仿真软件GSP 11的LE版本

    荷兰航空航天实验室(NLR)推出的GSP 11.0 LE版本,虽然定位为精简版,但在功能上却丝毫不显逊色,提供了丰富的发动机性能模拟工具,是工程师进行航空燃气涡轮发动机研究的重要辅助手段。 GSP,全称为Gas Turbine ...

    开源项目-gsp-lang-gsp.zip

    4. **示例**:可能包含一些简单的Lisp程序示例,展示如何在GSP-lang-gsp环境中编写和运行代码,帮助初学者上手。 5. **构建脚本**:项目可能包含`Makefile`或类似的构建脚本,用于自动化编译、测试和打包过程。 6....

    数据挖掘之序列模式挖掘之GSP算法

    在这种背景下,GSP(Growth-Share-Pruning)算法是一种高效且广泛应用于序列模式挖掘的方法。 GSP算法由Ganesh Ramakrishnan、Michael J. Franklin和S. M. T. Ali Emrouznejad在2000年提出,旨在解决传统的Apriori-...

    GSP.rar_GSP_gsp java

    在IT行业中,序列挖掘是一种重要的数据挖掘技术,特别是在零售、电子商务和市场分析等领域。本案例以"超市长期采集的数据"为研究对象,采用GSP算法进行分析,这为我们揭示了如何利用编程语言Java来实现这一过程。GSP...

    基于gsp的sql解析工具

    在提供的压缩包文件"gsp_demo_java-master"中,包含了该工具的Java源代码示例,用户可以通过阅读和学习这些代码,了解如何利用GSP库进行SQL解析,并结合自己的需求进行集成或扩展。这不仅是一个工具,也是一个学习和...

    旋转的性质.gsp

    旋转的性质.gsp

    GSP.rar_GSP_Gsp-Algorithm_gsp算法_prefixspan_数据挖掘GSP

    GSP(Growth-Share-Path)算法是数据挖掘中的一个重要工具,尤其在频繁项集挖掘和关联规则学习方面。本资源“GSP.rar”包含GSP算法的相关实现,可以帮助开发者理解和应用这一算法。 GSP算法,全称为Growth-Share-...

    序列模式GSP算法

    此外,GSP算法在每次迭代中都要对整个序列数据库进行扫描,这在大规模数据集上可能造成性能瓶颈。此外,GSP算法可能在剪枝过程中丢失一些潜在的模式,因为剪枝是基于局部信息的决策。 在序列模式挖掘中,除了GSP...

    GSP使用说明书

    GSP使用说明书。

    广义序列挖掘GSP源代码

    广义序列挖掘(Generalized Sequential Pattern Mining,简称GSP)是一种在数据库中寻找频繁序列模式的方法,它由Yeh等人于1998年提出,旨在解决传统序列挖掘算法效率低下的问题。在数据挖掘领域,序列模式是指在...

    gsp.rar_GSP CBA数据挖掘_GSP in java_gsp java_序列模式

    GSP(Generalized Sequential Pattern)算法是序列模式挖掘中的一种经典方法,尤其在理解用户行为、市场趋势以及各种时间序列数据中有着广泛的应用。下面将详细阐述GSP算法以及其在Java环境下的实现。 GSP算法,...

    gsp.rar_GSP_GSP代码JAVA_gsp java_gsp.rar_序列模式

    GSP(Growth-Share-Pruning)算法是一种在数据挖掘领域广泛应用的序列模式挖掘算法。它主要用于发现数据库中频繁出现的序列模式,这些模式可以是时间序列数据、交易记录或者其他具有时间顺序的数据集合。GSP算法的...

Global site tag (gtag.js) - Google Analytics