51CTO向讀者們具體介紹過AJax支持包,以及利用“AJax聽取JSF 2客戶端處理代碼中的事件和錯誤”。今天51CTO編輯向大家推薦這篇文章結合復合組件和Ajax輕而易舉地實現支持AJax自定義組件。
關於本系列JSFfu系列建立在DavidGeary的同名簡介文章的概念的基礎之上。本系列將深入探究JSF2及其生態系統,同時還將介紹如何將一些JavaEE技術,如Contexts和DependencyInjection,與JSF相集成。
在本文中,我將向您介紹如何實現自動完成組件,它將使用Ajax管理其完成項列表。在此過程中,您將了解如何將AJax集成到您自己的復合組件中。
本系列的代碼基於在企業容器,如GlassFish或Resin,中運行的JSF2。本文的最後一部分將詳細討論如何使用GlassFish來安裝和運行本文的代碼。
JSF自動完成自定義組件
因谷歌搜索字段而聞名的自動完成字段(也稱作建議框)是許多Web應用程序的組合。它們也是Ajax的典型應用。自動完成字段隨帶了許多Ajax框架,比如Scriptaculous和JQuery,如圖1—AJaxDaddy的自動完成組件集成(參閱參考資料)—所示:
圖1.AJaxDaddy自動完成組件
本文將討論如何使用JSF來實現支持AJax的自動完成字段。您將了解如何實現如圖2所示的自動完成字段,其中將顯示一個簡短的虛擬國家列表(選自Wikipedia的“虛擬國家列表”一文;請參閱參考資料):
圖2.自動完成字段