Jquery UI Autocomplete: search from multiple attributes of one array -


hi i'm trying jquery ui autocomplete widget work searches matches multiple attributes of array (not 1 default).

i've messed around example, i'm still unsure how solve this.

http://jsfiddle.net/fuzpn/

here's array format in script

var projects = [     {         value: "jquery",         label: "jquery",         desc: "the write less, more, javascript library",         other: "9834275 9847598023 753425828975340 82974598823"     },     {         value: "jquery-ui",         label: "jquery ui",         desc: "the official user interface library jquery",         other: "98 83475 9358 949078 8 40287089754 345 2345"     },     {         value: "sizzlejs",         label: "sizzle js",         desc: "a pure-javascript css selector engine",         other: "49857 2389442 573489057 89024375 928037890"     }

what i'm seeking if type "write", first element should pop in autocomplete, if type "jq" first 2 elements should pop up.

according documentation:

array: array can used local data. there 2 supported formats:

  • an array of strings: [ "choice1", "choice2" ]

  • an array of objects label , value properties: [ { label: "choice1", value: "value1" }, ... ]

the label property displayed in suggestion menu. value inserted input element when user selects item. if 1 property specified, used both, e.g., if provide value properties, value used label.

how (hard)code source uses 2 labels (label , desc?) instead of 1 label?

(sorry i've searched many similar questions, aim @ multiple sources, not here since have 1 array .. it?)

autocomplete accepts third type of source, function, can provide data way see fit:

the third variation, callback, provides flexibility , can used connect data source autocomplete. callback gets 2 arguments:

  • a request object, single term property, refers value in text input. example, if user enters "new yo" in city field, autocomplete term equal "new yo".
  • a response callback, expects single argument: data suggest user. data should filtered based on provided term, , can in of formats described above simple local data. it's important when providing custom source callback handle errors during request. must call response callback if encounter error. ensures widget has correct state.

this means can write this

$( "#project" ).autocomplete({     source: function (request, response) {         // request.term typed         console.log(request.term);           //call response array containing filtered data         response([...]);      } });

a simple solution problem:

function lightwell(request, response) {     function hasmatch(s) {         return s.tolowercase().indexof(request.term.tolowercase())!==-1;     }     var i, l, obj, matches = [];      if (request.term==="") {         response([]);         return;     }       (i = 0, l = projects.length; i<l; i++) {         obj = projects[i];         if (hasmatch(obj.label) || hasmatch(obj.desc)) {             matches.push(obj);         }     }     response(matches); }  $( "#project").autocomplete({     source: lightwell });

and fiddle http://jsfiddle.net/fuzpn/5/


Comments

Post a Comment

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

i force app's home screen portrait , other views landscape. apple rejects app if this? if not , how force first screen launch in portrait mode? , force other screens launch in landscape. this not duplicate question search every possible answer in website. i force app's home screen portrait , other views landscape. apple rejects app if this? no apple not reject app this. have lot of apps doesn't support orientation. forcing on 1 screen won't cause app reject. if not , how force first screen launch in portrait mode? , force other screens launch in landscape. can on write : -(nsuinteger)supportedinterfaceorientations; function.
Read more

java Extracting Zip file -

i'm looking way extract zip file. far have tried java.util.zip , org.apache.commons.compress, both gave corrupted output. basically, input zip file contain 1 single .doc file. java.util.zip: output corrupted. org.apache.commons.compress: output blank file, 2 mb size. so far commercial software winrar work perfectly. there java library make use of this? this method using java.util library: public void extractzipnative(file filezip) { zipinputstream zis; stringbuilder sb; try { zis = new zipinputstream(new fileinputstream(filezip)); zipentry ze = zis.getnextentry(); byte[] buffer = new byte[(int) ze.getsize()]; fileoutputstream fos = new fileoutputstream(this.tempfolderpath+ze.getname()); int len; while ((len=zis.read(buffer))>0) { fos.write(buffer); } fos.flush(); fos.close(); } catch (filenotfoundexception e) { // todo auto-generated catch block ...
Read more

C# WinForm - loading screen -

i ask how make loading screen (just picture or something) appears while program being loaded, , disappears when program has finished loading. in fancier versions, have seen process bar (%) displayed. how can have that, , how calculate % show on it? i know there form_load() event, not see form_loaded() event, or % property / attribute anywhere. all need create 1 form splash screen , show before main start showing landing page , close splash once landing page loaded. class splashform { //delegate cross thread call close private delegate void closedelegate(); //the type of form displayed splash screen. private static splashform splashform; static public void showsplashscreen() { // make sure launched once. if (splashform != null) return; thread thread = new thread(new threadstart(splashform.showform)); thread.isbackground = true; thread.setapartmentstate(apartmentstate.sta); thread....
Read more