例程：讓HelpBalloons飄在你的GSP上空！

在進行網頁開發的時候，經常須要顯示提示或者幫助信息，實現方法有不少種。這裏介紹一種簡單易用的Gails插件--HelpBalloon。能夠把這個可愛的氣球放在GSP的任何地方。

要使用HelpBalloon，請先作好以下兩項準備工做：

1. 安裝HelpBalloon插件，執行：grails install-plugin help-balloons ；
2. 在須要使用HelpBalloon的GSP的中添加 ，它會將Prototype的JS庫以及HelpBalloon相關的JS庫引入到GSP中，若是你的Prototype的JS庫不是在缺省位置，能夠使用這個標籤的base屬性來指定JS庫的位置，好比： ；

下面就開始HelpBalloon之旅了！

• 在GSP中寫入：

      
   
      
   
       
         ${c.fullName} 
        
        
   
  
     

  下圖是上述代碼的效果圖：

• 上圖中顯示的圖標都是HelpBalloon的缺省值，若是須要使用自定義的圖標，能夠設置中的 標籤的icon、button、balloonPrefix屬性，好比：

  以下是使用自定義圖標的效果圖:

• HelpBalloon要顯示的信息也能夠由message文件進行統一管理，好比message.properties文件中：「codename.suffixname= help content!!」，就能夠使用HelpBalloon的code、suffix屬性來顯示，以下：

  讀者須要注意，suffix爲可選內容，缺省值爲「.help」，若是代碼中沒有設置suffix，HelpBalloon將message文件中codename.help的內容顯示出來

  效果圖以下：

• 對於HelpBalloon中的內容，能夠相似上述示例中的用法，也能夠從對象中獲取到，請看以下代碼：

  上述代碼的意思是，能夠經過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 
  
  		
  
  		  by $author /pg: $pages /ISBN: $isbn 
  
  		  published in $dateCreated
  
  		"""
  	  }
  	}

  下圖是如上代碼的效果圖：

文章中的源代碼能夠從這裏下載。