Search This Blog

Tuesday, 9 April 2013

AutoSuggest Behaviour in ADF List of Values


AutoSuggest Behaviour in ADF List of Values 

AutoSuggest behaviour is best understand by Google Instant, as in google when we type something and it starts showing suggestion instantly.

AutoSuggestBehaviour
This effect can be implemented in ADF using autoSuggestBehaviour


For implementing this follow these steps-

To use the auto-suggest functionality in a declarative way you need to define a model-driven list of values on your model project, which will be the base for the suggestedItems list. Select the Department Name attribute from the Department VO and create a List of Values. here i am using hr schema and predefined table Department to implement this, you can use this anywhere.
  • Create a Fusion Web Application
  • Now create EO and VO of Department table.(you can use own)

  • Model

  • Now create List of values(LOVs)on DepartmentName

  • Lov

  • Create page in ViewController and drag the DepartmentName on page as ADF Lov ChoiceList

  • ChoiceList

  • Now go to Component Palette and select Auto Suggest Behaviour

  • AutoSuggetsBehaviour Component

  • Drag it inside Department LOV(Choice List)

  • InsideLov

  • Now select af:autoSuggestBehavior from Page structure and go to PropertyInspectorand Open Expression Builder at SuggestedItems and select from bindings #{bindings.DepartmentName.suggestedItems} if you are using different tables and Lov select according to that

  • expressionBuilder
    Property INspector

  • Now run the page,and enjoy ADF Instant

  • ADF Instant

No comments:

Post a Comment