Giter VIP home page Giter VIP logo

autocomplete-visualforce-component's Introduction

Autocomplete-Visualforce-Component

This is a visualforce component that can convert any field into a Autocomplete Component

[This component is deprecated you can have a look on a improved verison of the same here .https://github.com/Avinava/Autocomplete-Visualforce-Component-V2]

Few features of the autocomplete component

  • Uses Jquery UI to create the autocomplete component.
  • Look And Feel - Has exactly same look and feel as native components
  • Uses Js Remoting to populate data and hence the component is very fast and light weight.
  • Configurable : The search field can be configured to search fields other than "Name" field. Even the value that is returned to controller can be configured return fields other than record Id.

Version

1.3

Installation

Usage

<c:Autocomplete labelField="Name" valueField="Id" SObject="Contact" targetField="{!targetFieldCon}" /> 

Demo

http://blogforce9dev-developer-edition.ap1.force.com/autocomplete

autocomplete-visualforce-component's People

Contributors

avinava avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

autocomplete-visualforce-component's Issues

Apostrophes/Special characters do not render correctly

Hey there. First of all thanks for this great component . You have saved me days of troubleshooting .

I have recently implemented the component in a Visualforce page where I'm using it as a search field of accounts that will relate with a custom Object.
Even though the accounts are found correctly and the master-detail relation is created once I hit save on the page, there are some accounts whose names have apostrophes(e.g L'estufe) but the component will fail to render it properly, the name will instead display as L'estufe.
I've tried to add the Arial Unicode MS font family in the style section of the component, also tried adding a custom css to the component and referencing it via the VF page, enabling a meta tag with the UTF-8 charset in the VF page, but still, no luck.

Any ideas of how could I render correctly special characters in the component field?

Best regards.

Selection or Free-Form Text Input

This seems to be a VERY useful component. However, I have a use case that requires the ability to auto-complete from an existing record OR all the user to input a completely new value. I am not wanting to return a record id, just a name from a predefined list. I already created a new custom object with two identical name fields, to enable the component to display/return simple text, but I have not figured out how to return a value if the name input does not already exist in the database. In other words, the target variable is not loaded unless a selection is made from the auto-complete list. Can you adjust the component to support selection AND free form text input?

Visual Workflow

Has anyone tried to use this in a Visual Workflow? I assume the challenge would be in getting the Flow to evaluate the Id for the item that was selected.

Before I try, it would be nice to know if anyone else has thought about this.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.