Skip to main content link. Accesskey S
  • Anonymous
  • Log on
  • Help
  • IBM logo
  • IBM Web Experience Factory wiki
  • All Wikis
  • Home
  • Community Articles
  • Product Documentation
  • Learning Center


Search

Advanced Search

Categories

Tag Cloud

  • 6.1
  • 6.1.2
  • 6.1.5
  • 6.1.5.1
  • 7.0
  • Ajax
  • Alerts
  • Annotations
  • attachment
  • best practices
  • BlackBerry
  • builder
  • builder faq
  • builders
  • charts
  • Code samples
  • Connections
  • css
  • Custom builder
  • CustomBuilder
  • dashboard
  • Data Access
  • data access faq
  • Data and variables
  • Database
  • Databases
  • Debugging
  • demo
  • demo models
  • demo projects
  • demo widget
  • demos
  • deployment
  • deployment faq
  • Deployment scenarios
  • development
  • dojo
  • Domino
  • faq
  • fixpack
  • General FAQ
  • getting started
  • Help
  • HTML
  • html templates
  • ILOG
  • integration
  • iPhone
  • JViews
  • Learning
  • Logging
  • lotus connections
  • Lotus Widget Factory
  • media dashboard
  • media pf
  • media widget
  • mobile
  • mobile smartphone development
  • Model development
  • new
  • Notifications
  • overview
  • page automation
  • Portal
  • Portal Integration
  • portal integration faq
  • Portlet
  • Portlet Factory 7
  • presentation
  • presentation faq
  • Profiling
  • Quickr
  • REST
  • rest faq
  • REST Service Call
  • restructure handler
  • rich ui
  • sample
  • sample application
  • samples
  • schema
  • Security
  • Smartphones
  • SOA
  • social
  • Source Control
  • sql
  • summary and drilldown
  • Team development
  • Troubleshooting
  • ui
  • User Interface
  • video
  • web 2.0
  • Web Experience Factory
  • Web Experience Factory 8
  • Web Services
  • websphere dashboard framework
  • wef
  • wpf
InformationInformation
You are currently viewing machine translated content. IBM translation might be available. Click IBM Translated Product Documentation to see what is available.X


Home > Samples and Techniques for Web Experience Factory > Ajax Type-Ahead sample using database filtering
Rate this article 1 starRate this article 2 starsRate this article 3 starsRate this article 4 starsRate this article 5 stars

Ajax Type-Ahead sample using database filtering 

expanded Abstract
collapsed Abstract
No abstract provided.
Background information


The Ajax Type-Ahead builder provides some very useful functionality to enhance the user interface of a portlet. The builder, however, may not perform well if the type ahead lookup is being done against a very large data set.

Sample description


The sample provided here illustrates how to use the Ajax Type-Ahead builder in conjunction with a data service (such as a SQL Call builder) to obtain a limited set of type ahead suggestions.


The Ajax Type-Ahead builder is configured to use no Lookup Table. It will obtain its values from the Values input. The Values input has been configured using a method call to a custom doLookup method that has been created. The doLookup method first checks to see that the user has entered at least 3 characters before attempting to find any suggestions. If the user has entered at least 3 characters, it calls the SQL Call builder in the model. The SQL Call builder is passed the current user data from the input field as obtained from the Linked Java Object that the Ajax Type-Ahead builder creates. The Filter mode of the Ajax Type-Ahead builder is set to Show all values, as the filtering is being done by the database.

Notes on running the sample and prerequisites


Import the attached zip file into your project using the Import WebSphere Portlet Factory Archive command.


You will need to customize the sample and replace the references in the SQL Call builder with your own. The SQL DataSource and SQL Statement inputs need to be changed to suit your database configuration.

Download


Download the sample model from here: ajax_type_ahead_sample.zip


expanded Article information
collapsed Article information
Category:
Samples and Techniques for Web Experience Factory, Web Experience Factory, Samples and Techniques,
Tags:
Ajax, User Interface

This Version: Version 19 January 20, 2010 9:36:10 AM by Rob Flynn  IBMer

expanded Attachments (1)
collapsed Attachments (1)

 


File TypeSizeFile NameCreated On
application/x-zip 2 KB ajax_type_ahead_sample.zip 6/16/08 8:54 AM
expanded Versions (18)
collapsed Versions (18)
Version Comparison     
Version Date Changed by               Summary of changes
This version (19) Jan 20, 2010 9:36:10 AM Rob Flynn  
18 Jan 15, 2010 7:53:54 PM Rob Flynn  
17 Dec 21, 2009 1:37:30 PM Rob Flynn  
16 Dec 21, 2009 1:37:01 PM Rob Flynn  
15 Dec 21, 2009 1:36:27 PM Rob Flynn  
14 Dec 21, 2009 1:35:27 PM Rob Flynn  
13 Dec 21, 2009 1:33:44 PM Rob Flynn  
12 Dec 21, 2009 1:33:00 PM Rob Flynn  
11 Oct 24, 2008 6:56:31 PM DeAnna Steiner  
9 Oct 24, 2008 6:49:53 PM DeAnna Steiner  
9 Oct 24, 2008 6:49:53 PM DeAnna Steiner  
8 Oct 24, 2008 6:48:36 PM DeAnna Steiner  
7 Sep 16, 2008 1:59:26 PM DeAnna Steiner  
6 Sep 5, 2008 11:12:33 AM DeAnna Steiner  
5 Jun 20, 2008 2:06:39 PM Rob Flynn  
4 Jun 19, 2008 10:54:09 AM Rob Flynn  
3 Jun 19, 2008 10:54:04 AM Rob Flynn  
1 Jun 16, 2008 8:56:23 AM Rob Flynn  
expanded Comments (0)
collapsed Comments (0)
Copy and paste this wiki markup to link to this article from another article in this wiki.
Go ElsewhereStay ConnectedSubscribe to RSSHelpAbout
  • All Lotus and WebSphere Portal wikis
  • IBM developerWorks
  • IBM Software support
  • IBM Social Business User Experience Blog
  • IBMSocialBizUX on Twitter
  • IBMSocialBizUX on Facebook
  • Lotus product forums
  • IBM Social Business UX blog
  • IBM Collaboration Solutions
  • Recently added feedRecently added
  • Recently edited feedRecently edited
  • Recently added comments feedRecently Added Comments
  • Wiki Help
  • Forgot user name/password
  • Wiki design feedback
  • Content feedback
  • About the wiki
  • About IBM
  • Privacy
  • Contact IBM
  • IBM Terms of use
  • Wiki terms of use