That was it...we were missing a style sheet...thanks!! I am in the process
of learning jQuery,,,so I am pretty clueless if it isn't apparent.
Eric
On Wed, May 8, 2013 at 2:00 PM, morgan lindley <greyk...@gmail.com> wrote:
>
> Sounds like the jQuery ui css file might be missing or an edit made that
> broke the .ui-menu class that sets the list style for the autocomplete ul
> and li elements.
>
>
> On Wed, May 8, 2013 at 1:52 PM, Eric Roberts <
> ow...@threeravensconsulting.com> wrote:
>
> >
> > I am trying to do an autocomplete via jQuery. It is working with one
> > exception...the list is displayed as a bullet pointed list rather than
> the
> > "select" like dropdown. Any ideas on what could cause this? Below is
> the
> > jQuery ands the function from the cfc that pulls the data and sorts it
> with
> > a QonQ... Thanks in advance.
> >
> > Eric
> >
> > script:
> >
> > $(document).ready(function() {
> >
> >
> > // Supervising Faculty Auto-Complete
> > $("#facultyFirstName").autocomplete({
> > source: function(request, response) {
> > $.ajax({
> > type: 'POST',
> > url: 'courseController.cfc',
> > data: {
> > method: "getCurrentFaculty",
> > returnFormat: "JSON",
> > searchBy: "firstName",
> > term: request.term
> > },
> > success: function(data) {
> > response($.parseJSON(data));
> > }
> > });
> > },
> >
> > select: function(event, ui) {
> > $("#facultyLastName").val(ui.item.lastname);
> > $("#facultyMiddleName").val(ui.item.middlename);
> > $("#facultyid").val(ui.item.netid);
> > }
> > });
> > $("#facultyLastName").autocomplete({
> > source: function(request, response) {
> > $.ajax({
> > type: 'POST',
> > url: 'courseController.cfc',
> > data: {
> > method: "getCurrentFaculty",
> > returnFormat: "JSON",
> > searchBy: "lastname",
> > term: request.term
> > },
> > success: function(data) {
> > response($.parseJSON(data));
> > }
> > });
> > },
> > select: function(event, ui) {
> > $("#facultyFirstName").val(ui.item.firstname);
> > $("#facultyMiddleName").val(ui.item.middlename);
> > $("#facultyid").val(ui.item.netid);
> > }
> > })
> >
> >
> >
> >
> > });
> >
> > Function that this calls for data:
> >
> > \<cffunction name="getCurrentFaculty" output="true" access="remote">
> > <cfargument name="searchBy" type="string" required="true">
> > <cfargument name="term" type="string" required="true">
> >
> > <cfset residentialfaculty =
> > application.LawSchoolPeople.listCurrentFaculty()>
> >
> > <cfswitch expression="#searchBy#">
> > <cfcase value="firstname">
> > <cfquery dbtype="query" name="faculty">
> > select firstname as [value], lastname as [lastname],firstname
> + '
> > '+lastname as [label], netid as [netid], middlename as [middlename]
> > from residentialfaculty
> > where LOWER(firstname) LIKE '#LCase(arguments.term)#%'
> > </cfquery>
> > </cfcase>
> >
> > <cfcase value="lastname">
> > <cfquery dbtype="query" name="faculty">
> > select lastname as [value], firstname as [firstname],lastname +
> > ', ' + firstname as [label], netid as [netid], case middlename as
> > [middlename]
> > from residentialfaculty
> > where LOWER(lastname) LIKE '#LCase(arguments.term)#%'
> > </cfquery>
> > </cfcase>
> > </cfswitch>
> >
> > <cfreturn application.typecastUDF.qryToArray(faculty)>
> > </cffunction>
> >
> >
> >
>
>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive:
http://www.houseoffusion.com/groups/cf-community/message.cfm/messageid:363330
Subscription: http://www.houseoffusion.com/groups/cf-community/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-community/unsubscribe.cfm
