Skip to main content
Sympraxis Consulting

Demos

Go Search
Home
Services
Clients
About
Contact
  

Sympraxis Consulting > Demos > Demo Pages > SPAutocomplete

 SPAutocomplete Test List

 
Attach FileAttach File
* indicates a required field

Title *


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Attachments
 

 Census Data

AreanameFilter
UNITED STATES
00000Use SHIFT+ENTER to open the menu (new window).
ALABAMA
01000Use SHIFT+ENTER to open the menu (new window).
Autauga, AL
01001Use SHIFT+ENTER to open the menu (new window).
Baldwin, AL
01003Use SHIFT+ENTER to open the menu (new window).
Barbour, AL
01005Use SHIFT+ENTER to open the menu (new window).
Bibb, AL
01007Use SHIFT+ENTER to open the menu (new window).
Blount, AL
01009Use SHIFT+ENTER to open the menu (new window).
Bullock, AL
01011Use SHIFT+ENTER to open the menu (new window).
Butler, AL
01013Use SHIFT+ENTER to open the menu (new window).
Calhoun, AL
01015Use SHIFT+ENTER to open the menu (new window).
Chambers, AL
01017Use SHIFT+ENTER to open the menu (new window).
Cherokee, AL
01019Use SHIFT+ENTER to open the menu (new window).
Chilton, AL
01021Use SHIFT+ENTER to open the menu (new window).
Choctaw, AL
01023Use SHIFT+ENTER to open the menu (new window).
Clarke, AL
01025Use SHIFT+ENTER to open the menu (new window).
Clay, AL
01027Use SHIFT+ENTER to open the menu (new window).
Cleburne, AL
01029Use SHIFT+ENTER to open the menu (new window).
Coffee, AL
01031Use SHIFT+ENTER to open the menu (new window).
Colbert, AL
01033Use SHIFT+ENTER to open the menu (new window).
Conecuh, AL
01035Use SHIFT+ENTER to open the menu (new window).
Coosa, AL
01037Use SHIFT+ENTER to open the menu (new window).
Covington, AL
01039Use SHIFT+ENTER to open the menu (new window).
Crenshaw, AL
01041Use SHIFT+ENTER to open the menu (new window).
Cullman, AL
01043Use SHIFT+ENTER to open the menu (new window).
Dale, AL
01045Use SHIFT+ENTER to open the menu (new window).
1 - 25 Next

 SPAutocomplete Demo Page Overview

This page shows how you can implement The SPAutocomplete function from SPServices on a SharePoint new item form.  The Web Part on the left side of this page is the same List Form Web Part (LFWP) you would see on NewForm.aspx for a list.

The data shown is pulled from Y2000 US Census Data Survey of Business Owners and contains 3196 census "areas". Each item contains 42 columns of data about the "area", so the list is substantial.  As you begin typing a value in the Title column, once you reach three characters you will see all of the matching values from the Areaname column shown in the List View Web Part (LVWP) below.

The demo is calling the SPAutocomplete function with the following options:

 $(document).ready(function() {
 $().SPServices.SPAutocomplete({
  sourceList: "Census Data",    // The name of the list which contains the values
  sourceColumn: "Areaname",    // The static name of the column which contains the values
  columnName: "Title",    // The display name of the column in the form
  numChars: 3,      // Wait until this number of characters has been typed before attempting any actions
  ignoreCase: true,     // If set to true, the function ignores case, if false it looks for an exact match
  slideDownSpeed: 100,    // Speed at which the div should slide down when values match (milliseconds or ["fast" | "slow"])
  debug: true      // If true, show error messages; if false, run silent
 });
});

This page uses the SPAutocomplete function of the jQuery Library for SharePoint Web Services. The SPAutocomplete function was first released in v0.5.4.

You can download the jQuery for this demo here.